/* v15.2 — premium sign-in: animated sky · sun · clouds · air-quality haze. Loaded last on admin/login.php only. */
body.login-page.lx{display:block;min-height:100vh;margin:0;padding:0;background:#0B3C4A;color:#0F1D1F;overflow-x:hidden;font-family:"Hind Siliguri",system-ui,-apple-system,"Segoe UI",sans-serif}
.lx-sky{position:fixed;inset:0;z-index:0;background:linear-gradient(180deg,#1C6E9E 0%,#3FA3C8 38%,#9FD7E6 66%,#FFE2B8 88%,#FFC98A 100%);overflow:hidden}
.lx-sun{position:absolute;right:16%;top:16%;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,#FFF6CF 0 32%,#FFD25A 52%,rgba(255,190,60,.0) 72%);filter:drop-shadow(0 0 40px rgba(255,200,80,.85));animation:lxPulse 6s ease-in-out infinite}
.lx-rays{position:absolute;right:calc(16% - 75px);top:calc(16% - 75px);width:300px;height:300px;border-radius:50%;background:repeating-conic-gradient(rgba(255,231,150,.28) 0 6deg,transparent 6deg 18deg);mask:radial-gradient(circle,transparent 30%,#000 32%,transparent 70%);-webkit-mask:radial-gradient(circle,transparent 30%,#000 32%,transparent 70%);animation:lxSpin 60s linear infinite}
.lx-cloud{position:absolute;opacity:.92;filter:drop-shadow(0 10px 18px rgba(20,70,90,.18))}
.lx-cloud.c1{top:12%;left:-260px;width:260px;animation:lxDrift 70s linear infinite}
.lx-cloud.c2{top:30%;left:-340px;width:340px;opacity:.75;animation:lxDrift 95s linear infinite;animation-delay:-40s}
.lx-cloud.c3{top:6%;left:-200px;width:200px;opacity:.6;animation:lxDrift 120s linear infinite;animation-delay:-80s}
.lx-cloud.c4{top:44%;left:-300px;width:300px;opacity:.55;animation:lxDrift 110s linear infinite;animation-delay:-20s}
.lx-haze{position:absolute;inset:auto 0 0 0;height:55%;pointer-events:none}
.lx-haze i{position:absolute;bottom:-10px;width:var(--s,6px);height:var(--s,6px);border-radius:50%;background:rgba(255,255,255,.55);animation:lxRise var(--d,14s) linear infinite;animation-delay:var(--w,0s);left:var(--x,50%)}
.lx-land{position:absolute;left:0;right:0;bottom:0;width:100%;height:26vh;min-height:150px}
.lx-wrap{position:relative;z-index:1;min-height:100vh;display:grid;grid-template-columns:1.15fr minmax(340px,440px);align-items:center;gap:40px;max-width:1180px;margin:0 auto;padding:40px 28px}
.lx-hero{color:#fff;text-shadow:0 2px 18px rgba(8,50,70,.35)}
.lx-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(8px);padding:6px 14px;border-radius:99px;font-size:13px;font-weight:600;letter-spacing:.02em}
.lx-hero h2{font-family:"Anek Bangla",system-ui,sans-serif;font-size:clamp(30px,4.2vw,52px);line-height:1.08;margin:18px 0 12px;font-weight:700;letter-spacing:-.02em}
.lx-hero p{font-size:17px;max-width:520px;opacity:.95;margin:0 0 22px}
.lx-chips{display:flex;flex-wrap:wrap;gap:10px}
.lx-chips span{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(10px);border-radius:14px;padding:10px 14px;font-weight:600;font-size:14px;text-shadow:none}
.lx-aqi{display:flex;margin-top:22px;border-radius:99px;overflow:hidden;height:8px;max-width:420px;box-shadow:0 2px 10px rgba(0,0,0,.15)}
.lx-aqi i{flex:1}
.lx-aqil{display:flex;justify-content:space-between;max-width:420px;font-size:12px;margin-top:6px;opacity:.9}
body.login-page.lx .login-card{position:relative;background:rgba(255,255,255,.86)!important;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border:1px solid rgba(255,255,255,.7)!important;border-radius:26px!important;padding:34px 30px 28px!important;box-shadow:0 30px 70px rgba(6,40,60,.35)!important;width:100%;max-width:440px;display:grid;gap:14px}
body.login-page.lx .login-card .lx-logo{width:52px;height:52px;border-radius:16px;background:conic-gradient(from 210deg,#FFB020,#FF6B3D,#16A1B8,#0B6E6B,#FFB020);box-shadow:inset 0 0 0 4px rgba(255,255,255,.6),0 8px 20px rgba(11,110,107,.35)}
body.login-page.lx .login-card h1{font-family:"Anek Bangla",system-ui,sans-serif;font-size:26px!important;margin:4px 0 0!important;font-weight:700!important;color:#0F1D1F}
body.login-page.lx .login-card .lx-sub{margin:-6px 0 6px;color:#5F7377;font-size:14px}
body.login-page.lx .field span{color:#34494C!important;font-weight:600!important}
body.login-page.lx .field input{height:48px;border-radius:14px!important;border:1px solid #D3E1E1!important;background:#fff!important;padding:0 14px!important;font-size:15px}
body.login-page.lx .field input:focus{outline:none;border-color:#16A1B8!important;box-shadow:0 0 0 4px rgba(22,161,184,.18)!important}
body.login-page.lx .btn.block{height:50px;border-radius:99px!important;border:0;font-weight:800;font-size:16px;color:#fff;background:linear-gradient(135deg,#16A1B8,#0B6E6B)!important;box-shadow:0 12px 26px rgba(11,110,107,.38)!important;cursor:pointer}
body.login-page.lx .btn.block:hover{filter:brightness(1.07)}
body.login-page.lx .loginlang{position:absolute;right:18px;top:16px;margin:0}
body.login-page.lx .loginlang a{display:inline-block;padding:5px 12px;border-radius:99px;border:1px solid #D3E1E1;background:#fff;font-weight:700;font-size:12.5px;color:#0B6E6B;text-decoration:none}
.lx-foot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px;color:#5F7377;border-top:1px solid #E3ECEC;padding-top:12px;margin-top:4px}
.lx-foot a{color:#0B6E6B;font-weight:700;text-decoration:none}
.lx-lock{display:flex;gap:8px;align-items:center;font-size:12.5px;color:#5F7377;background:#F2F8F8;border-radius:12px;padding:8px 12px}
@keyframes lxDrift{from{transform:translateX(0)}to{transform:translateX(calc(100vw + 600px))}}
@keyframes lxSpin{to{transform:rotate(360deg)}}
@keyframes lxPulse{50%{transform:scale(1.06)}}
@keyframes lxRise{0%{transform:translateY(0);opacity:0}15%{opacity:.8}100%{transform:translateY(-55vh) translateX(30px);opacity:0}}
@media (prefers-reduced-motion:reduce){.lx-sky *{animation:none!important}}
@media (max-width:900px){.lx-wrap{grid-template-columns:1fr;gap:22px;padding:28px 16px 40px;align-content:center}.lx-hero{text-align:center}.lx-hero p{margin:0 auto 16px;font-size:15px}.lx-chips{justify-content:center}.lx-aqi,.lx-aqil{margin-left:auto;margin-right:auto}.lx-sun{right:8%;top:6%;width:100px;height:100px}.lx-rays{display:none}.lx-hero h2{margin-top:12px}body.login-page.lx .login-card{margin:0 auto}}
@media (max-width:520px){.lx-chips span:nth-child(n+3),.lx-aqi,.lx-aqil{display:none}.lx-hero p{display:none}}