@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
body { position:relative; overflow:hidden; background:#0f172a!important; font-family:'IBM Plex Sans',sans-serif!important; }
body::before { position:absolute; inset:0; z-index:-2; background:url('https://images.unsplash.com/photo-1655919640606-28088c64edb0?auto=format&fit=crop&w=2000&q=85') center/cover no-repeat; content:''; filter:grayscale(.3); }
body::after { position:absolute; inset:0; z-index:-1; background:rgba(2,6,23,.82); content:''; }
.login-container { max-width:460px!important; padding:24px!important; }.login-card { border:1px solid rgba(148,163,184,.3)!important; border-radius:8px!important; box-shadow:0 20px 55px rgba(0,0,0,.3)!important; padding:36px!important; }.login-header { text-align:left!important; margin-bottom:28px!important; }.login-header h1 { color:#0f172a!important; font-family:Manrope,sans-serif!important; font-size:26px!important; letter-spacing:-.04em; }.login-header h1::first-letter { color:#0f172a; }.login-header p { color:#64748b!important; }.form-group label { color:#334155!important; font-size:12px!important; letter-spacing:.02em; text-transform:uppercase; }.form-group input { border-color:#cbd5e1!important; border-radius:6px!important; padding:11px 12px!important; font-family:'IBM Plex Sans',sans-serif!important; }.form-group input:focus { border-color:#475569!important; box-shadow:0 0 0 3px rgba(71,85,105,.14)!important; }.btn-login { border-radius:6px!important; background:#0f172a!important; font-family:Manrope,sans-serif!important; font-size:14px!important; transition:background-color .2s,transform .2s!important; }.btn-login:hover { background:#1e293b!important; transform:translateY(-1px)!important; box-shadow:none!important; }.info-box { border-color:#e2e8f0!important; border-radius:6px!important; background:#f8fafc!important; color:#475569!important; }.login-footer { color:#94a3b8!important; }.alert { border-radius:6px!important; }
@media (max-width:480px) { .login-card { padding:28px 22px!important; } }