/* Marjon — Yorqin marjon-apelsin ranglar, pastda sekin tebranuvchi to‘lqinlar — dengiz bo‘yi yozgi to‘y. Ranglar manifest sxemasidan; animatsiyalar prefers-reduced-motion da o‘chadi. */
.t-marjon .inv{background:linear-gradient(180deg,var(--p1),var(--p2))}
.t-marjon .wash{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 15%,var(--w2),transparent 35%),radial-gradient(circle at 85% 30%,var(--w3),transparent 30%)}
.t-marjon .deco{left:0;right:0;width:100%;height:110px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 100' preserveAspectRatio='none'%3E%3Cpath d='M0 60c60-30 120-30 180 0s120 30 180 0 120-30 180 0 60 20 60 20v20H0z' fill='%23fff' opacity='.55'/%3E%3Cpath d='M0 75c60-25 120-25 180 0s120 25 180 0 120-25 180 0 60 15 60 15v10H0z' fill='%23fff' opacity='.8'/%3E%3C/svg%3E");background-size:600px 110px;background-repeat:repeat-x;animation:waves 9s linear infinite}
.t-marjon .deco.top{top:auto;bottom:0;opacity:.9} .t-marjon .deco.bottom{bottom:-20px;background-size:480px 110px;animation-duration:14s;animation-direction:reverse;opacity:.6}
@keyframes waves{from{background-position-x:0}to{background-position-x:600px}}
.t-marjon .gate{background:linear-gradient(180deg,var(--p1),var(--p2))}
.t-marjon .frame{border:0;border-radius:40px;background:var(--card);backdrop-filter:blur(10px);box-shadow:0 24px 60px rgba(120,30,40,.25)}
.t-marjon .names{font-size:58px;color:var(--tx)} .t-marjon .names .amp{color:var(--p2)}
.t-marjon .greeting p::first-line{font-size:38px}
.t-marjon .datebig{font-family:var(--fn);font-size:64px;font-weight:700;color:var(--tx)}
.t-marjon .cd div,.t-marjon .ev,.t-marjon .parents div,.t-marjon .note,.t-marjon .wi,.t-marjon .gift .card,.t-marjon .tl .it,.t-marjon .next{border:0;border-radius:24px;background:var(--card);backdrop-filter:blur(8px)}
.t-marjon .cd b,.t-marjon .ev .t{font-family:var(--fn);font-size:34px;font-weight:700;color:var(--p2)}
.t-marjon .btn{border-color:var(--tx);color:var(--tx);border-width:2px} .t-marjon .btn.primary,.t-marjon .env-seal{background:var(--tx);color:#fff;border-color:var(--tx)}
.t-marjon .photo{border-radius:50%;border:6px solid rgba(255,255,255,.85)}
@media (prefers-reduced-motion:reduce){.t-marjon .deco{animation:none}}