/* Kamalak — Yumshoq harakatlanuvchi kamalak gradienti, oq kartalar, o‘ynoqi shriftlar — yosh va quvnoq. Ranglar manifest sxemasidan; animatsiyalar prefers-reduced-motion da o‘chadi. */
.t-kamalak .inv{background:linear-gradient(135deg,var(--w1),var(--w2),var(--w3),var(--w4),var(--w1));background-size:400% 400%;animation:rainbowShift 20s ease infinite}
@keyframes rainbowShift{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}
.t-kamalak .wash{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.7),transparent 50%)}
.t-kamalak .gate{background:linear-gradient(135deg,var(--w1),var(--w3),var(--w4))}
.t-kamalak .frame{border:0;border-radius:34px;background:var(--card);box-shadow:0 20px 50px rgba(60,40,80,.14)}
.t-kamalak .frame::before{content:'';position:absolute;inset:-4px;border-radius:38px;padding:4px;background:linear-gradient(135deg,var(--gl),var(--w2),var(--w3),var(--gl));background-size:300% 300%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:rainbowShift 8s linear infinite;pointer-events:none}
.t-kamalak .names{font-size:60px;font-weight:700;letter-spacing:.03em;color:var(--gl)} .t-kamalak .names .amp{color:var(--tx2);font-size:34px}
.t-kamalak .greeting p::first-line{font-size:38px;font-weight:700;color:var(--gl)}
.t-kamalak .datebig{font-family:var(--fn);font-size:72px;font-weight:700;color:var(--tx)}
.t-kamalak .cd div,.t-kamalak .ev,.t-kamalak .parents div,.t-kamalak .note,.t-kamalak .wi,.t-kamalak .gift .card,.t-kamalak .tl .it,.t-kamalak .next{border:0;border-radius:22px;background:var(--card);box-shadow:0 8px 24px rgba(60,40,80,.08)}
.t-kamalak .cd b,.t-kamalak .ev .t{font-family:var(--fn);font-size:40px;font-weight:700;color:var(--gl)}
.t-kamalak .btn{border-width:2px;border-radius:999px;background:#fff} .t-kamalak .btn.primary{background:var(--gl);border-color:var(--gl)}
.t-kamalak .photo{border-radius:28px;border:6px solid #fff;box-shadow:0 12px 30px rgba(60,40,80,.14)}
@media (prefers-reduced-motion:reduce){.t-kamalak .inv,.t-kamalak .frame::before{animation:none}}