/* Mavj — to‘lqin shakllari, marvarid shaffoflik va sokin suzish. */
.t-mavj .inv{background:linear-gradient(165deg,var(--p1),var(--p2) 58%,var(--p1));color:var(--tx);isolation:isolate}
.t-mavj .mv-flow{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;filter:drop-shadow(0 18px 26px var(--w2))}
.t-mavj .mv-flow:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 7%,var(--w4),transparent 27%),radial-gradient(circle at 9% 48%,var(--w3),transparent 31%),radial-gradient(circle at 84% 88%,var(--w1),transparent 30%)}
.t-mavj .mv-flow i{position:absolute;width:150%;height:260px;left:-25%;border:1px solid var(--line);border-radius:48% 52% 42% 58%/58% 44% 56% 42%;background:linear-gradient(135deg,var(--w1),transparent 62%);animation:mvDrift 13s ease-in-out infinite alternate}
.t-mavj .mv-flow i:nth-child(1){top:4%;rotate:-8deg}.t-mavj .mv-flow i:nth-child(2){top:31%;rotate:9deg;animation-delay:-4s;animation-duration:17s}.t-mavj .mv-flow i:nth-child(3){top:59%;rotate:-6deg;animation-delay:-8s}.t-mavj .mv-flow i:nth-child(4){top:84%;rotate:7deg;animation-delay:-11s;animation-duration:19s}
@keyframes mvDrift{to{transform:translate3d(7%,-16px,0) rotate(3deg);border-radius:56% 44% 58% 42%/43% 58% 42% 57%}}
.t-mavj .gate{background:linear-gradient(165deg,var(--p1),var(--p2));color:var(--tx)}
.t-mavj .frame{border:1px solid rgba(255,255,255,.7);border-radius:48% 48% 28px 28px/14% 14% 28px 28px;background:linear-gradient(150deg,var(--card),rgba(255,255,255,.2));box-shadow:0 28px 70px var(--w2),inset 0 1px rgba(255,255,255,.92);backdrop-filter:blur(15px);padding-top:48px}
.t-mavj .frame:before,.t-mavj .frame:after{content:"";position:absolute;top:16px;width:42px;height:10px;border-top:2px solid var(--gl);border-radius:50%}.t-mavj .frame:before{left:calc(50% - 45px);rotate:-8deg}.t-mavj .frame:after{right:calc(50% - 45px);rotate:8deg}
.t-mavj .names{font-size:clamp(48px,13vw,66px);line-height:.96;text-shadow:0 12px 28px var(--w2)}.t-mavj .names .amp{font-family:var(--fd);font-style:italic;color:var(--gl);font-size:.5em}
.t-mavj .greeting p::first-line{font-size:35px;color:var(--gl)}
.t-mavj .datebig{font-size:58px;color:var(--gl);text-shadow:0 10px 28px var(--w1)}
.t-mavj .cd div,.t-mavj .ev,.t-mavj .parents>div,.t-mavj .note,.t-mavj .wi,.t-mavj .gift .card,.t-mavj .tl .it,.t-mavj .next,.t-mavj .smp{border:1px solid rgba(255,255,255,.72);border-radius:24px;background:var(--card);backdrop-filter:blur(13px);box-shadow:0 16px 38px var(--w2),inset 0 1px rgba(255,255,255,.8)}
.t-mavj .cd b,.t-mavj .ev .t{color:var(--gl)}.t-mavj .today{border:1px solid rgba(255,255,255,.7);border-radius:28px;background:linear-gradient(135deg,var(--gl),color-mix(in srgb,var(--gl) 58%,var(--p2)));box-shadow:0 20px 42px var(--w1)}
.t-mavj .btn{border-color:var(--gl);color:var(--gl);background:color-mix(in srgb,var(--card) 78%,transparent);backdrop-filter:blur(7px)}.t-mavj .btn.solid,.t-mavj .env-seal{background:var(--gl);color:#fff}
.t-mavj .photo{border:5px solid rgba(255,255,255,.8);box-shadow:0 20px 48px var(--w1);border-radius:44% 56% 48% 52%/54% 43% 57% 46%}
@media(prefers-reduced-motion:reduce){.t-mavj .mv-flow i{animation:none}}
