/* INZYRA v38.9 (page scene v38.9.2) – sign-in page themes (festivals and seasons). Decoration only: nothing here can be clicked or covers the form. */
.th-on .lg-art{background:linear-gradient(155deg,var(--th-1) 0%,var(--th-2) 45%,var(--th-3) 100%)}
.th-on .lg-art>*:not(.th-fx):not(.lg-rings){position:relative;z-index:1}
.th-on .lg-bg{background:
  radial-gradient(620px 440px at 10% 15%,var(--th-glow1),transparent 70%),
  radial-gradient(560px 460px at 92% 88%,var(--th-glow2),transparent 70%),
  radial-gradient(circle,rgba(11,46,110,.08) 1px,transparent 1.4px) 0 0/22px 22px,
  linear-gradient(160deg,#fbfcff,var(--th-page))}
.th-on .lg-hero h2 em{background:linear-gradient(90deg,var(--th-em1),var(--th-em2));-webkit-background-clip:text;background-clip:text;color:transparent}
.th-on .lg-clock{background:rgba(255,255,255,.1)}
.th-greet{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;padding:6px 12px 6px 10px;border-radius:999px;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  font-size:12.5px;font-weight:700;letter-spacing:.02em;color:#fff;animation:thIn .8s ease-out both}
.th-greet i{width:8px;height:8px;border-radius:50%;background:var(--th-em1);box-shadow:0 0 10px var(--th-em1)}
@keyframes thIn{from{opacity:0;transform:translateY(8px)}}
.th-fx{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.th-fx i{position:absolute;top:-6%;display:block;animation:thFall var(--t) linear infinite;animation-delay:var(--d);transform:scale(var(--s))}
@keyframes thFall{from{transform:translate3d(0,-20px,0) scale(var(--s)) rotate(0)}to{transform:translate3d(30px,var(--fall,620px),0) scale(var(--s)) rotate(240deg)}}
@keyframes thRise{from{transform:translate3d(0,0,0) scale(var(--s));opacity:0}15%{opacity:1}to{transform:translate3d(-20px,var(--rise,-560px),0) scale(var(--s));opacity:0}}
@keyframes thSway{0%{transform:translate3d(0,-20px,0) rotate(0) scale(var(--s))}50%{transform:translate3d(40px,var(--half,300px),0) rotate(120deg) scale(var(--s))}100%{transform:translate3d(-10px,var(--fall,620px),0) rotate(260deg) scale(var(--s))}}
@keyframes thTwinkle{50%{opacity:.25}}

/* ---------- Durga Puja: sindoor red to saffron, shiuli flowers, red-white-gold pennants ---------- */
.th-k-puja{--th-1:#4a0808;--th-2:#9b1c1c;--th-3:#d9480f;--th-em1:#ffd166;--th-em2:#ff9f43;--th-glow1:rgba(217,72,15,.16);--th-glow2:rgba(155,28,28,.14);--th-page:#fbeee6}
.th-puja i{width:14px;height:14px;border-radius:50%;animation-name:thSway;
  background:radial-gradient(circle,#ff8a00 0 22%,#fff 24% 60%,transparent 62%),
             radial-gradient(circle at 50% 0,#fff 0 30%,transparent 32%),radial-gradient(circle at 0 60%,#fff 0 30%,transparent 32%),radial-gradient(circle at 100% 60%,#fff 0 30%,transparent 32%);
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.25));opacity:.92}
/* ---------- Diwali: night purple to gold, rising sparks and a row of diyas ---------- */
.th-k-diwali{--th-1:#160829;--th-2:#3f1663;--th-3:#a3470a;--th-em1:#ffd166;--th-em2:#ffb020;--th-glow1:rgba(255,176,32,.18);--th-glow2:rgba(63,22,99,.16);--th-page:#f6efe6}
.th-diwali i{top:auto;bottom:40px;width:4px;height:4px;border-radius:50%;background:#ffd36b;box-shadow:0 0 8px 2px rgba(255,190,60,.9);animation-name:thRise}
.th-diyas{position:absolute;left:0;right:0;bottom:-2px;opacity:.95;display:flex;justify-content:space-around;padding:0 18px}
.th-diyas span{position:relative;width:34px;height:14px;border-radius:0 0 20px 20px;background:linear-gradient(#e97f2d,#9a3412);box-shadow:0 0 18px rgba(255,170,60,.55)}
.th-diyas b{position:absolute;left:50%;bottom:11px;width:10px;height:18px;margin-left:-5px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;
  background:radial-gradient(circle at 50% 70%,#fff7cc 0 25%,#ffd25a 45%,#ff8a00 75%,transparent 78%);box-shadow:0 0 16px 4px rgba(255,190,70,.6);
  animation:thFlame 1.4s ease-in-out infinite alternate;animation-delay:var(--d);transform-origin:50% 100%}
@keyframes thFlame{to{transform:scaleY(1.15) scaleX(.88) rotate(3deg)}}
/* ---------- Christmas: pine green to berry red, snow and fairy lights ---------- */
.th-k-christmas{--th-1:#062b20;--th-2:#0f4d36;--th-3:#7a1c1c;--th-em1:#fef3c7;--th-em2:#fca5a5;--th-glow1:rgba(15,77,54,.16);--th-glow2:rgba(122,28,28,.14);--th-page:#eef5f0}
.th-christmas i,.th-winter i{width:6px;height:6px;border-radius:50%;background:#fff;opacity:.85;box-shadow:0 0 6px rgba(255,255,255,.8)}
.th-lights{position:absolute;left:-10px;right:-10px;top:0;height:40px;display:flex;justify-content:space-between;
  background:radial-gradient(120% 60px at 50% -20px,transparent 70%,rgba(255,255,255,.35) 71%,transparent 73%)}
.th-lights span{width:9px;height:12px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;margin-top:14px;animation:thTwinkle 1.6s ease-in-out infinite;animation-delay:var(--d)}
.th-lights span:nth-child(4n+1){background:#f87171;box-shadow:0 0 10px #f87171}.th-lights span:nth-child(4n+2){background:#facc15;box-shadow:0 0 10px #facc15}
.th-lights span:nth-child(4n+3){background:#4ade80;box-shadow:0 0 10px #4ade80}.th-lights span:nth-child(4n){background:#60a5fa;box-shadow:0 0 10px #60a5fa}
.th-lights span:nth-child(odd){margin-top:22px}
/* ---------- New Year: midnight with fireworks ---------- */
.th-k-newyear{--th-1:#070a1f;--th-2:#1e1b4b;--th-3:#3b2a8a;--th-em1:#fde68a;--th-em2:#f9a8d4;--th-glow1:rgba(59,42,138,.16);--th-glow2:rgba(253,230,138,.16);--th-page:#efeefa}
.th-newyear i{top:var(--y);width:4px;height:4px;border-radius:50%;background:transparent;animation:thBurst 2.6s ease-out infinite;animation-delay:var(--d);
  box-shadow:0 -34px #fde68a,24px -24px #f9a8d4,34px 0 #93c5fd,24px 24px #fde68a,0 34px #f9a8d4,-24px 24px #93c5fd,-34px 0 #fde68a,-24px -24px #f9a8d4}
@keyframes thBurst{0%{transform:scale(.05);opacity:1}70%{opacity:1}100%{transform:scale(var(--s));opacity:0}}
/* ---------- Poila Boishakh: alta red and marigold, mango-leaf toran ---------- */
.th-k-noboborsho{--th-1:#5c1a0b;--th-2:#b91c1c;--th-3:#ea8a0c;--th-em1:#fde047;--th-em2:#fb923c;--th-glow1:rgba(234,138,12,.16);--th-glow2:rgba(185,28,28,.14);--th-page:#fdf1e4}
.th-noboborsho i{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#fde047 0 30%,#f59e0b 55%,#ea580c 80%,transparent 82%);animation-name:thSway}
.th-toran{position:absolute;left:0;right:0;top:0;display:flex;justify-content:space-between;padding:0 6px}
.th-k-noboborsho .th-toran span{width:16px;height:28px;border-radius:0 0 50% 50%/0 0 100% 100%;background:linear-gradient(#3f7d20,#1f5c14);transform-origin:50% 0;animation:thLeaf 3s ease-in-out infinite alternate}
.th-k-noboborsho .th-toran span:nth-child(3n){background:#f59e0b;width:12px;height:12px;border-radius:50%;margin-top:4px}
@keyframes thLeaf{to{transform:rotate(6deg)}}
.th-k-puja .th-toran span{width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-top:20px solid #fff;filter:drop-shadow(0 2px 2px rgba(0,0,0,.2))}
.th-k-puja .th-toran span:nth-child(3n+1){border-top-color:#dc2626}.th-k-puja .th-toran span:nth-child(3n+2){border-top-color:#f6c445}
/* ---------- seasons ---------- */
.th-k-winter{--th-1:#0a2440;--th-2:#1d4f7f;--th-3:#5b8fbf;--th-em1:#e0f2fe;--th-em2:#bae6fd;--th-glow1:rgba(91,143,191,.18);--th-glow2:rgba(10,36,64,.12);--th-page:#eaf2fa}
.th-winter i{width:5px;height:5px;filter:blur(.4px)}
.th-k-spring{--th-1:#0c3b3a;--th-2:#127a6f;--th-3:#d0518f;--th-em1:#fbcfe8;--th-em2:#a7f3d0;--th-glow1:rgba(208,81,143,.14);--th-glow2:rgba(18,122,111,.14);--th-page:#f3f8f2}
.th-spring i{width:11px;height:8px;border-radius:70% 0 70% 0;background:linear-gradient(135deg,#fbcfe8,#f472b6);opacity:.9;animation-name:thSway}
.th-k-summer{--th-1:#6b1e07;--th-2:#c2410c;--th-3:#f59e0b;--th-em1:#fef08a;--th-em2:#fdba74;--th-glow1:rgba(245,158,11,.18);--th-glow2:rgba(194,65,12,.12);--th-page:#fdf4e7}
.th-summer i{top:auto;bottom:0;width:3px;height:3px;border-radius:50%;background:rgba(255,236,170,.8);animation-name:thRise}
.th-sun{position:absolute;right:-70px;top:-70px;width:260px;height:260px;border-radius:50%;
  background:radial-gradient(circle,#fff6c2 0 18%,rgba(255,214,102,.75) 30%,rgba(255,170,60,.25) 52%,transparent 70%);animation:thSun 6s ease-in-out infinite alternate}
@keyframes thSun{to{transform:scale(1.08)}}
.th-k-monsoon{--th-1:#0b2230;--th-2:#1c4a5a;--th-3:#3a7d86;--th-em1:#a5f3fc;--th-em2:#99f6e4;--th-glow1:rgba(58,125,134,.16);--th-glow2:rgba(11,34,48,.12);--th-page:#eaf3f4}
.th-monsoon i{width:1.5px;height:22px;border-radius:2px;background:linear-gradient(rgba(255,255,255,0),rgba(210,240,255,.75));animation-name:thRain;animation-duration:calc(var(--t) / 9)}
@keyframes thRain{from{transform:translate3d(0,-30px,0) rotate(12deg)}to{transform:translate3d(-80px,var(--fall,640px),0) rotate(12deg)}}
.th-cloud{position:absolute;top:-30px;height:90px;border-radius:60px;background:rgba(255,255,255,.12);filter:blur(4px);animation:thDrift 30s linear infinite alternate}
.th-cloud.c1{left:-40px;width:260px}.th-cloud.c2{left:40%;width:300px;top:-50px;animation-duration:42s}
@keyframes thDrift{to{transform:translateX(80px)}}
.th-k-autumn{--th-1:#0a3466;--th-2:#1c64ad;--th-3:#76acdf;--th-em1:#ffffff;--th-em2:#fde68a;--th-glow1:rgba(118,172,223,.18);--th-glow2:rgba(10,52,102,.12);--th-page:#edf4fb}
.th-autumn i{top:auto;bottom:-10px;width:14px;height:6px;border-radius:50%;background:radial-gradient(ellipse,#fff 0 40%,rgba(255,255,255,.4) 60%,transparent 72%);animation-name:thRise;animation-duration:calc(var(--t) * 1.6)}
@media (prefers-reduced-motion:reduce){.th-fx *{animation:none!important}.th-fx>i{display:none}}

/* ---------- v38.9.2: the whole sign-in page wears the theme (the white card stays exactly the same) ---------- */
.th-pg{--fall:108vh;--half:54vh;--rise:-104vh}
.th-on .lg-bg{background:linear-gradient(155deg,var(--th-1),var(--th-2) 52%,var(--th-3))}
@supports (color:color-mix(in srgb,red 50%,blue)){
 .th-on .lg-bg{background:
  radial-gradient(760px 520px at 8% 10%,color-mix(in srgb,var(--th-em2) 26%,transparent),transparent 70%),
  radial-gradient(820px 600px at 96% 92%,color-mix(in srgb,var(--th-em1) 20%,transparent),transparent 70%),
  radial-gradient(circle,rgba(255,255,255,.07) 1px,transparent 1.4px) 0 0/24px 24px,
  linear-gradient(155deg,var(--th-1),var(--th-2) 52%,var(--th-3))}}
.th-on .lg-card{box-shadow:0 0 0 1px rgba(255,255,255,.10),0 2px 6px rgba(0,0,0,.10),0 50px 110px -24px rgba(0,0,0,.55)}
.th-on.lg-body{align-content:center}
.th-pg .th-diyas{padding:0 4vw}
.th-pg .th-diyas span{width:46px;height:18px}
.th-pg .th-diyas b{width:13px;height:23px;margin-left:-6.5px;bottom:14px}
.th-pg .th-sun{width:460px;height:460px;right:-130px;top:-130px}
.th-pg .th-cloud{height:130px}.th-pg .th-cloud.c1{width:420px}.th-pg .th-cloud.c2{width:520px}
.th-pg.th-autumn i{animation-duration:calc(var(--t) * 2.2)}
.th-mgreet{display:none}
@media (max-width:980px){
 .th-mgreet{display:inline-flex;align-items:center;gap:8px;position:relative;z-index:1;margin:0 0 14px;padding:7px 14px 7px 11px;border-radius:999px;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  color:#fff;font:700 13px/1.2 "Segoe UI",system-ui,sans-serif;letter-spacing:.02em;animation:thIn .8s ease-out both}
 .th-mgreet i{width:8px;height:8px;border-radius:50%;background:var(--th-em1);box-shadow:0 0 10px var(--th-em1)}
}