.login-container{background:radial-gradient(1200px 600px at 50% -10%,#16233a 0%,#0000 60%),linear-gradient(#0b1220 0%,#070b13 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:64px 20px 32px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow:hidden}.scanlines{pointer-events:none;z-index:1;background-image:repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 3px);position:absolute;inset:0}.top-banner{z-index:10;color:#fee2e2;letter-spacing:.09em;text-align:center;background:#7f1d1d;border-bottom:1px solid #b91c1c;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:12px;font-weight:700;display:flex;position:fixed;top:0;left:0;right:0}.login-card{z-index:2;background:#0f172a;border:1px solid #1e293b;border-top:3px solid #b91c1c;border-radius:10px;width:100%;max-width:430px;padding:30px 28px 22px;position:relative;box-shadow:0 24px 60px #0000008c}.login-header{text-align:center;margin-bottom:20px}.logo{-o-object-fit:contain;object-fit:contain;filter:brightness(0)invert();opacity:.92;width:auto;height:40px;margin-bottom:14px}.login-title{color:#e2e8f0;letter-spacing:.01em;margin:0;font-size:17px;font-weight:700;line-height:1.35}.login-subtitle{letter-spacing:.12em;color:#64748b;margin:6px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.security-notice{background:#7f1d1d24;border:1px solid #b91c1c73;border-radius:8px;margin-bottom:12px;padding:12px 14px}.notice-head{color:#f87171;letter-spacing:.1em;align-items:center;gap:6px;margin-bottom:8px;font-size:11px;font-weight:800;display:flex}.security-notice ul{margin:0;padding-left:16px;list-style:square}.security-notice li{color:#cbd5e1;font-size:11.5px;line-height:1.65}.security-notice strong{color:#fca5a5;font-weight:700}.ip-badge{background:#020617;border:1px solid #1e293b;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding:8px 11px;display:flex}.ip-label{letter-spacing:.14em;color:#ef4444;white-space:nowrap;font-size:9.5px;font-weight:800}.ip-value{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;overflow:hidden}.error-message{color:#fecaca;background:#b91c1c29;border:1px solid #b91c1c;border-radius:7px;align-items:center;gap:9px;margin-bottom:16px;padding:11px 13px;font-size:13px;line-height:1.45;display:flex}.login-form{flex-direction:column;gap:15px;display:flex}.form-group{flex-direction:column;gap:7px;display:flex}.form-label{letter-spacing:.11em;color:#94a3b8;text-transform:uppercase;align-items:center;gap:6px;font-size:10.5px;font-weight:700;display:flex}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper input{color:#e2e8f0;letter-spacing:.02em;background:#020617;border:1px solid #334155;border-radius:7px;outline:none;width:100%;padding:12px 42px 12px 13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14.5px;transition:border-color .15s,box-shadow .15s}.input-wrapper input:focus{border-color:#64748b;box-shadow:0 0 0 3px #64748b29}.input-wrapper input::placeholder{color:#475569}.password-toggle{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;padding:5px;transition:color .15s;display:flex;position:absolute;right:8px}.password-toggle:hover{color:#cbd5e1}.login-btn{color:#fff;letter-spacing:.1em;cursor:pointer;background:#b91c1c;border:none;border-radius:7px;width:100%;margin-top:3px;padding:13px;font-size:13.5px;font-weight:800;transition:background .15s,transform .1s;position:relative}.login-btn:hover:not(:disabled){background:#991b1b}.login-btn:active:not(:disabled){transform:translateY(1px)}.login-btn:disabled{cursor:not-allowed;opacity:.75}.btn-loader{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.spinner{border:2px solid #ffffff47;border-top-color:#fff;border-radius:50%;width:17px;height:17px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.forgot-password{justify-content:center;margin-top:2px;display:flex}.forgot-password-link{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;gap:5px;padding:5px 8px;font-size:12px;transition:color .15s;display:inline-flex}.forgot-password-link:hover{color:#cbd5e1;text-decoration:underline}.login-footer{text-align:center;border-top:1px solid #1e293b;margin-top:18px;padding-top:14px}.login-footer p{letter-spacing:.06em;color:#475569;margin:0;font-size:10.5px}@media (max-width:480px){.login-card{padding:24px 20px 18px}.top-banner{letter-spacing:.06em;font-size:10.5px}}