@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+Bengali:wght@400;500;600;700&display=swap');
:root{--l-bg1:#e9f0ff;--l-bg2:#dbe8ff;--l-bg3:#ebe7fb;--l-text:#2b3445;--l-muted:#6b7588;--l-accent:#2f64f5;--l-grad:linear-gradient(135deg,#2f64f5,#7c5cf5);--l-card:rgba(255,255,255,.72);--l-border:rgba(255,255,255,.85);--l-input:rgba(244,247,252,.92);--l-input-b:rgba(148,163,184,.38);--l-ring:rgba(47,100,245,.20);--l-shadow:0 24px 60px rgba(47,100,245,.18);--l-btn:0 10px 24px rgba(47,100,245,.32);--l-ease:cubic-bezier(.22,.8,.3,1)}
[data-bs-theme=dark]{--l-text:#e5ecf6;--l-muted:#8b98ad;--l-accent:#2dd4bf;--l-grad:linear-gradient(135deg,#0f9488,#7c3aed);--l-card:rgba(15,23,42,.62);--l-border:rgba(255,255,255,.12);--l-input:rgba(255,255,255,.06);--l-input-b:rgba(255,255,255,.16);--l-ring:rgba(45,212,191,.25);--l-shadow:0 24px 60px rgba(0,0,0,.5);--l-btn:0 10px 24px rgba(15,148,136,.35)}
*,*::before,*::after{box-sizing:border-box}
body.lg{margin:0;min-height:100vh;font-family:'Inter','Noto Sans Bengali','Segoe UI',sans-serif;color:var(--l-text);background:linear-gradient(135deg,var(--l-bg1),var(--l-bg2) 50%,var(--l-bg3));overflow-x:hidden}
[data-bs-theme=dark] body.lg{background:#060a16}
.lg-orb{position:fixed;border-radius:50%;pointer-events:none;z-index:0;will-change:transform}
.lg-o1{width:48vmax;height:48vmax;top:-18vmax;left:-12vmax;background:radial-gradient(circle,rgba(79,140,255,.5),transparent 65%);animation:lgDrift 26s ease-in-out infinite alternate}
.lg-o2{width:44vmax;height:44vmax;bottom:-18vmax;right:-12vmax;background:radial-gradient(circle,rgba(167,139,250,.45),transparent 65%);animation:lgDrift 32s ease-in-out infinite alternate-reverse}
.lg-o3{width:26vmax;height:26vmax;top:38%;left:36%;background:radial-gradient(circle,rgba(34,211,238,.28),transparent 65%);animation:lgDrift 38s ease-in-out infinite alternate}
[data-bs-theme=dark] .lg-o1{background:radial-gradient(circle,rgba(20,184,166,.40),transparent 65%)}
[data-bs-theme=dark] .lg-o2{background:radial-gradient(circle,rgba(139,92,246,.42),transparent 65%)}
@keyframes lgDrift{to{transform:translate3d(6vmax,4vmax,0) scale(1.12)}}
@keyframes lgRise{from{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:none}}
@keyframes lgFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-12px,0)}}
@keyframes lgSpin{to{transform:rotate(360deg)}}
.lg-wrap{position:relative;z-index:1;min-height:100vh;display:grid;grid-template-columns:1.15fr 1fr;align-items:center}
.lg-hero{padding:4rem 3.5rem 4rem 5rem;animation:lgRise .7s var(--l-ease) backwards}
.lg-brand{display:flex;align-items:center;gap:.9rem;margin-bottom:2.2rem}
.lg-brand img{height:52px;width:auto;border-radius:12px;box-shadow:0 8px 22px rgba(47,100,245,.25)}
.lg-brand b{display:block;font-size:1.25rem;letter-spacing:-.01em}
.lg-brand small{color:var(--l-muted)}
.lg-hero h1{font-size:clamp(2rem,3.6vw,3.2rem);font-weight:700;line-height:1.12;letter-spacing:-.02em;margin:0 0 1rem}
.lg-hero h1 span{background:var(--l-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.lg-hero p{color:var(--l-muted);max-width:30rem;font-size:1.05rem;line-height:1.6;margin:0 0 2rem}
.lg-chips{display:flex;flex-wrap:wrap;gap:.8rem;max-width:32rem}
.lg-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.05rem;border-radius:999px;background:var(--l-card);border:1px solid var(--l-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 24px rgba(47,100,245,.10);font-weight:600;font-size:.9rem;animation:lgFloat 6s ease-in-out infinite}
.lg-chip i{color:var(--l-accent)}
.lg-chip:nth-child(2){animation-delay:-1.2s}
.lg-chip:nth-child(3){animation-delay:-2.4s}
.lg-chip:nth-child(4){animation-delay:-3.6s}
.lg-chip:nth-child(5){animation-delay:-4.8s}
.lg-side{padding:2rem;display:flex;justify-content:center}
.lg-card{width:100%;max-width:430px;padding:2.2rem 2rem;border-radius:28px;background:var(--l-card);border:1px solid var(--l-border);-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);box-shadow:var(--l-shadow);animation:lgRise .7s .1s var(--l-ease) backwards}
.lg-card-logo{display:none;text-align:center;margin-bottom:1rem}
.lg-card-logo img{height:56px;width:auto;border-radius:12px}
.lg-card h2{font-size:1.55rem;font-weight:700;margin:0 0 .25rem;letter-spacing:-.01em}
.lg-sub{color:var(--l-muted);margin:0 0 1.5rem}
.lg-lbl{display:block;font-weight:500;font-size:.88rem;margin:0 0 .4rem}
.lg-field{position:relative;margin-bottom:1.1rem}
.lg-ico{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--l-muted);pointer-events:none;transition:color .2s}
.lg-field:focus-within .lg-ico{color:var(--l-accent)}
.lg-in{width:100%;padding:.8rem 2.7rem;border-radius:14px;border:1px solid var(--l-input-b);background:var(--l-input);color:var(--l-text);font:inherit;outline:none;transition:border-color .2s,box-shadow .2s,transform .2s var(--l-ease)}
.lg-in:focus{border-color:var(--l-accent);box-shadow:0 0 0 .25rem var(--l-ring);transform:translateY(-1px)}
.lg-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--l-muted);padding:.35rem .5rem;border-radius:9px;cursor:pointer}
.lg-eye:hover{color:var(--l-accent)}
.lg-row{display:flex;align-items:center;margin:.2rem 0 1.4rem;font-size:.9rem}
.lg-row label{display:flex;align-items:center;gap:.5rem;cursor:pointer}
.lg-row input{accent-color:var(--l-accent);width:1.05rem;height:1.05rem}
.lg-err{background:rgba(220,38,38,.10);border:1px solid rgba(220,38,38,.30);color:#b91c1c;border-radius:12px;padding:.65rem .85rem;margin-bottom:1.1rem;font-size:.9rem}
[data-bs-theme=dark] .lg-err{color:#fca5a5}
.lg-btn{position:relative;overflow:hidden;width:100%;border:0;border-radius:14px;padding:.85rem 1rem;font:inherit;font-weight:600;color:#fff;background:var(--l-grad);box-shadow:var(--l-btn);cursor:pointer;transition:transform .2s var(--l-ease),filter .2s}
.lg-btn::before{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .6s}
.lg-btn:hover::before{left:140%}
.lg-btn:hover{transform:translateY(-2px);filter:brightness(1.07)}
.lg-btn:active{transform:none}
.lg-btn.loading{pointer-events:none;opacity:.85}
.lg-btn.loading::after{content:"";display:inline-block;width:1em;height:1em;margin-left:.6rem;vertical-align:-.15em;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:lgSpin .7s linear infinite}
.lg-foot{text-align:center;color:var(--l-muted);font-size:.8rem;margin:1.4rem 0 0}
.lg-theme{position:fixed;top:16px;right:16px;z-index:5;width:42px;height:42px;border-radius:14px;border:1px solid var(--l-border);background:var(--l-card);color:var(--l-text);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;transition:transform .25s var(--l-ease)}
.lg-theme:hover{transform:rotate(15deg) scale(1.06)}
.lg-btn:focus-visible,.lg-theme:focus-visible,.lg-eye:focus-visible{outline:2px solid var(--l-accent);outline-offset:2px}
@media(max-width:991px){.lg-wrap{grid-template-columns:1fr}.lg-hero{display:none}.lg-card-logo{display:block}.lg-side{padding:1.2rem;min-height:100vh;align-items:center}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.lg-wrap.lg-single{grid-template-columns:1fr}
.lg-single .lg-side{min-height:100vh;align-items:center}
.lg-single .lg-card-logo{display:block}
.lg-single .lg-card-logo small{display:block;color:var(--l-muted);margin-top:.35rem}