/* Mehrob — Uchli arka — mehrob ichida ismlar, girih hoshiya, zar naqsh; yashil-zar, ko‘k-zar va bordo sxemalar. Nahorgi osh shabloni; ranglar manifest sxemasidan; animatsiyalar prefers-reduced-motion da o‘chadi. */
.t-mehrob .inv{background-color:var(--p1);background-image:radial-gradient(120% 50% at 50% 0,var(--w1),transparent 60%),linear-gradient(180deg,var(--p1),var(--p2));color:var(--tx)}
.t-mehrob .wash{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.09;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='%23fff' stroke-width='1.4'%3E%3Cpath d='M24 4l5.5 14.5L44 24l-14.5 5.5L24 44l-5.5-14.5L4 24l14.5-5.5z'/%3E%3Cpath d='M24 12l3 9 9 3-9 3-3 9-3-9-9-3 9-3z'/%3E%3Cpath d='M0 0h48v48H0z' stroke-opacity='.35'/%3E%3C/g%3E%3C/svg%3E") 0 0/48px 48px}
.t-mehrob .gate{background:linear-gradient(180deg,var(--p1),var(--p2))}
.t-mehrob .content{padding:48px 16px 44px}
.t-mehrob .small{color:var(--gl);letter-spacing:.3em;font-size:10.5px}
/* Arka: tashqi zar qatlam + ichki fon (3px hoshiya), tepada girih tasma */
.t-mehrob .mh{position:relative;padding:210px 30px 44px;overflow:hidden;animation:mhOpen 1.1s cubic-bezier(.2,.8,.25,1) both}
.t-mehrob .mh-arch{position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,var(--gl),color-mix(in srgb,var(--gl) 70%,#000));clip-path:polygon(0% 100%,0% 190px,0.00% 190.0px,2.78% 138.6px,5.56% 117.9px,8.33% 102.3px,11.11% 89.5px,13.89% 78.5px,16.67% 68.7px,19.44% 60.0px,22.22% 52.1px,25.00% 44.9px,27.78% 38.3px,30.56% 32.1px,33.33% 26.5px,36.11% 21.2px,38.89% 16.3px,41.67% 11.8px,44.44% 7.6px,47.22% 3.7px,50.00% 0.0px,52.78% 3.7px,55.56% 7.6px,58.33% 11.8px,61.11% 16.3px,63.89% 21.2px,66.67% 26.5px,69.44% 32.1px,72.22% 38.3px,75.00% 44.9px,77.78% 52.1px,80.56% 60.0px,83.33% 68.7px,86.11% 78.5px,88.89% 89.5px,91.67% 102.3px,94.44% 117.9px,97.22% 138.6px,100.00% 190.0px,100% 190px,100% 100%)}
.t-mehrob .mh-arch .in{position:absolute;inset:3px;background:linear-gradient(180deg,color-mix(in srgb,var(--p2) 80%,#000) 0,var(--p1) 40%,var(--p2) 100%);clip-path:polygon(0% 100%,0% 190px,0.00% 190.0px,2.78% 138.6px,5.56% 117.9px,8.33% 102.3px,11.11% 89.5px,13.89% 78.5px,16.67% 68.7px,19.44% 60.0px,22.22% 52.1px,25.00% 44.9px,27.78% 38.3px,30.56% 32.1px,33.33% 26.5px,36.11% 21.2px,38.89% 16.3px,41.67% 11.8px,44.44% 7.6px,47.22% 3.7px,50.00% 0.0px,52.78% 3.7px,55.56% 7.6px,58.33% 11.8px,61.11% 16.3px,63.89% 21.2px,66.67% 26.5px,69.44% 32.1px,72.22% 38.3px,75.00% 44.9px,77.78% 52.1px,80.56% 60.0px,83.33% 68.7px,86.11% 78.5px,88.89% 89.5px,91.67% 102.3px,94.44% 117.9px,97.22% 138.6px,100.00% 190.0px,100% 190px,100% 100%)}
.t-mehrob .mh-arch .in:after{content:"";position:absolute;inset:0;opacity:.14;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='%23fff' stroke-width='1.4'%3E%3Cpath d='M24 4l5.5 14.5L44 24l-14.5 5.5L24 44l-5.5-14.5L4 24l14.5-5.5z'/%3E%3Cpath d='M24 12l3 9 9 3-9 3-3 9-3-9-9-3 9-3z'/%3E%3Cpath d='M0 0h48v48H0z' stroke-opacity='.35'/%3E%3C/g%3E%3C/svg%3E") 50% 0/40px 40px;-webkit-mask:linear-gradient(180deg,#000 0,#000 150px,transparent 260px);mask:linear-gradient(180deg,#000 0,#000 150px,transparent 260px)}
.t-mehrob .mh-lamp{position:absolute;top:96px;left:50%;transform:translateX(-50%);z-index:1;width:2px;height:54px;background:var(--gl)}
.t-mehrob .mh-lamp:after{content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);width:26px;height:38px;border-radius:40% 40% 50% 50%/30% 30% 60% 60%;background:radial-gradient(circle at 50% 40%,#fff6d0,var(--gl) 55%,color-mix(in srgb,var(--gl) 60%,#000));box-shadow:0 0 24px 6px var(--w3);animation:mhGlow 4s ease-in-out infinite alternate}
.t-mehrob .mh-in{position:relative;z-index:2}
.t-mehrob .kick{font-family:var(--fd);font-size:16px;color:var(--tx2);margin-top:6px}
.t-mehrob .names{font-family:var(--fs);font-size:clamp(24px,7.2vw,34px);line-height:1.25;letter-spacing:.08em;text-transform:uppercase;margin:12px 0 0;color:var(--gl)}
.t-mehrob .names .amp{font-family:var(--fd);font-size:.7em;color:var(--tx2);text-transform:none}
.t-mehrob .hero .host{color:var(--tx2)}
.t-mehrob .hero .host .host-line{color:var(--tx)}
.t-mehrob .mh-rule{width:150px;height:9px;margin:14px auto 10px;background:radial-gradient(circle 4px at 50% 50%,var(--gl) 3px,transparent 4px),linear-gradient(90deg,transparent,var(--gl) 25%,var(--gl) 75%,transparent);background-repeat:no-repeat;background-size:100% 100%,100% 1px;background-position:50% 50%,50% 50%}
.t-mehrob .when{font-family:var(--fb);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--tx2)}
.t-mehrob .photo{width:150px;height:150px;margin-top:12px;border-color:var(--gl)}
.t-mehrob .quote{color:var(--tx2);margin-top:14px}
.t-mehrob .greeting p{font-style:normal;font-size:18px;line-height:1.65;color:var(--tx)}
.t-mehrob .greeting p::first-line{font-family:var(--fd);font-size:24px;color:var(--gl)}
.t-mehrob .frame{border:1px solid var(--w3);border-radius:60px 60px 14px 14px;background:var(--card)}
.t-mehrob .datebig{font-family:var(--fn);font-size:46px;color:var(--gl)}
.t-mehrob .datebig small{color:var(--tx2)}
.t-mehrob .today{background:var(--gl);color:var(--p1);border-radius:40px 40px 12px 12px}
.t-mehrob .today .small{color:var(--p1);opacity:.85}
.t-mehrob .cd div,.t-mehrob .ev,.t-mehrob .parents div,.t-mehrob .note,.t-mehrob .wi,.t-mehrob .gift .card,.t-mehrob .tl .it,.t-mehrob .next,.t-mehrob .smp{background:var(--card);border:1px solid var(--w3);border-radius:14px;box-shadow:none}
.t-mehrob .cd div{border-radius:26px 26px 6px 6px}
.t-mehrob .cd b,.t-mehrob .ev .t{color:var(--gl)}
.t-mehrob .ev .n,.t-mehrob .wi .m,.t-mehrob .parents .nm,.t-mehrob .next b{color:var(--tx)}
.t-mehrob .btn{color:var(--gl);border-color:var(--gl)}
.t-mehrob .btn.solid,.t-mehrob .seg button[aria-pressed="true"],.t-mehrob .langs button[aria-pressed="true"],.t-mehrob .music.on{background:var(--gl);color:var(--p1)}
.t-mehrob .form input,.t-mehrob .form select,.t-mehrob .form textarea{background:rgba(255,255,255,.08);color:var(--tx);border-color:var(--w3)}
.t-mehrob .env-letter{background:var(--p2)}
.t-mehrob .env-letter .names,.t-mehrob .env-letter .small{color:var(--tx)}
.t-mehrob .env-letter .names{font-size:20px;letter-spacing:.06em}
.t-mehrob .gate-names{color:var(--tx);letter-spacing:.08em;text-transform:uppercase;font-size:24px}
.t-mehrob .closing{color:var(--gl);letter-spacing:.06em}
.t-mehrob .cal .dn span.on{color:var(--p1)}
@keyframes mhOpen{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes mhGlow{from{box-shadow:0 0 14px 2px var(--w3)}to{box-shadow:0 0 30px 10px var(--w3)}}
@media (prefers-reduced-motion:reduce){.t-mehrob .mh,.t-mehrob .mh-lamp:after{animation:none}}