:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, sans-serif; background:#070b12; color:#f4f7fb; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:radial-gradient(circle at 15% 10%,#192943 0,transparent 34%),#070b12; }
.login-shell { min-height:100vh; display:grid; place-items:center; padding:24px; }
.login-card { width:min(100%,460px); padding:32px; border:1px solid #26354b; border-radius:18px; background:#0d1420; box-shadow:0 24px 80px #0008; }
header,.brand,.language-switch { display:flex; align-items:center; }
header { justify-content:space-between; gap:20px; }
.brand { gap:12px; }.brand>span { display:grid; place-items:center; width:38px; height:38px; border-radius:50%; background:#b11e3a; font-weight:800; }.brand b,.brand small { display:block; }.brand small { color:#8fa0b8; font-size:10px; letter-spacing:.18em; }
.language-switch { gap:4px; }.language-switch button { border:1px solid #34445c; background:transparent; color:#aebbd0; border-radius:7px; padding:7px 9px; cursor:pointer; }.language-switch button.active { background:#b11e3a; border-color:#b11e3a; color:white; }
.copy { margin:44px 0 24px; }.eyebrow { color:#e75b75; font-size:12px; font-weight:700; letter-spacing:.14em; }.copy h1 { margin:8px 0; font-size:30px; }.copy p:last-child { color:#9eacc0; }
form { display:grid; gap:18px; }label span { display:block; margin-bottom:7px; color:#c8d1df; font-size:13px; }input { width:100%; border:1px solid #34445c; border-radius:9px; background:#080d15; color:white; padding:13px; font:inherit; }input:focus { outline:2px solid #b11e3a; outline-offset:1px; }.submit { border:0; border-radius:9px; background:#b11e3a; color:white; padding:14px; font-weight:750; cursor:pointer; }.message { padding:11px 13px; border:1px solid #8f3346; border-radius:9px; background:#35141c; color:#ffbdc9; }
footer { margin-top:24px; color:#6f7d91; font-size:12px; text-align:center; }
@media (max-width:520px) { .login-shell { padding:14px; }.login-card { padding:22px; }header { align-items:flex-start; }.copy { margin-top:34px; }.copy h1 { font-size:26px; } }