.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px;background:radial-gradient(circle at top left,rgba(99,102,241,0.20),transparent 34%),radial-gradient(circle at bottom right,rgba(124,58,237,0.18),transparent 30%),#f1f5f9}.auth-shell{width:min(1120px,100%);min-height:680px;display:grid;grid-template-columns:1.05fr 0.95fr;background:rgba(255,255,255,0.78);border:1px solid rgba(255,255,255,0.70);border-radius:36px;overflow:hidden;box-shadow:0 30px 80px rgba(15,23,42,0.16);backdrop-filter:blur(18px)}.auth-brand-panel{position:relative;padding:48px;color:#ffffff;background:linear-gradient(135deg,rgba(30,41,59,0.95),rgba(79,70,229,0.92)),linear-gradient(135deg,#0f172a,#4f46e5);overflow:hidden}.auth-brand-panel::before{content:"";position:absolute;width:420px;height:420px;border-radius:999px;right:-160px;top:-120px;background:rgba(255,255,255,0.12)}.auth-brand-panel::after{content:"";position:absolute;width:280px;height:280px;border-radius:999px;left:-90px;bottom:-90px;background:rgba(124,58,237,0.36)}.auth-brand-content{position:relative;z-index:2;min-height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:42px}.auth-logo{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:22px;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.22);box-shadow:0 18px 44px rgba(0,0,0,0.18)}.auth-logo span{font-size:28px;font-weight:900}.auth-kicker{margin-bottom:14px;color:#c7d2fe;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:0.14em}.auth-brand-panel h1{max-width:520px;margin:0;font-size:clamp(36px,5vw,58px);line-height:0.96;font-weight:900;letter-spacing:-0.05em}.auth-description{max-width:460px;margin-top:22px;color:#dbeafe;font-size:16px;line-height:1.7}.auth-features{display:grid;gap:14px}.auth-features div{display:flex;align-items:center;gap:12px;color:#e0e7ff;font-size:14px;font-weight:700}.auth-features span{width:10px;height:10px;border-radius:999px;background:#a78bfa;box-shadow:0 0 0 6px rgba(167,139,250,0.16)}.auth-form-panel{display:flex;align-items:center;justify-content:center;padding:48px;background:rgba(248,250,252,0.86)}.auth-form-wrapper{width:min(420px,100%)}.login-card{width:100%}.login-heading{margin-bottom:30px}.login-heading p{color:#4f46e5;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:0.12em}.login-heading h2{margin-top:8px;color:#0f172a;font-size:36px;line-height:1;font-weight:900;letter-spacing:-0.04em}.login-heading span{display:block;margin-top:12px;color:#64748b;font-size:15px}.login-form{display:grid;gap:18px}.password-field{position:relative}.password-field input{padding-right:90px}.password-field button{position:absolute;right:8px;top:8px;height:30px;padding:0 10px;border-radius:12px;background:#eef2ff;color:#4f46e5;font-size:12px;font-weight:800}.login-options{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#64748b;font-size:13px}.login-options label{display:flex;align-items:center;gap:8px;cursor:pointer}.login-options input{width:16px;height:16px;accent-color:#4f46e5}.login-options a{color:#4f46e5;font-weight:800}.login-footer-note{margin-top:28px;padding:16px;border-radius:18px;background:#ffffff;color:#64748b;border:1px solid #e2e8f0;font-size:13px;text-align:center}@media (max-width:900px){.auth-shell{grid-template-columns:1fr    }.auth-brand-panel{display:none    }.auth-form-panel{min-height:620px    }}@media (max-width:520px){.auth-page{padding:16px    }.auth-shell{border-radius:28px    }.auth-form-panel{padding:28px    }}.auth-logo-image{background:#ffffff;padding:10px}.auth-logo-image img{width:100%;height:100%;object-fit:contain}