:root{--bg:#050505;--panel:#101010;--border:#2b2b2b;--text:#f5f5f5;--muted:#aaa;--red:#7f0000}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text)}
.login-body{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top right,#1b0b0b 0,#090909 38%,#050505 75%)}
.login-card{width:min(430px,100%);padding:34px;border:1px solid #341313;border-radius:16px;background:linear-gradient(180deg,#131313,#0b0b0b);box-shadow:0 24px 70px rgba(0,0,0,.5);text-align:center}
.login-logo{width:135px;max-width:42%;filter:drop-shadow(0 0 14px rgba(127,0,0,.35));margin-bottom:10px}.login-card h1{letter-spacing:.15em;margin:5px 0}.login-card>p{color:var(--muted);margin-top:0}.login-form{display:grid;gap:15px;text-align:left;margin:28px 0 20px}.login-form label{display:grid;gap:7px;font-size:13px;font-weight:700}.login-form input{width:100%;padding:12px;border:1px solid var(--border);border-radius:10px;background:#090909;color:#fff;outline:none}.login-form input:focus{border-color:#a51b1b;box-shadow:0 0 0 3px rgba(127,0,0,.22)}.btn{border-radius:10px;padding:12px 16px;font-weight:800;cursor:pointer}.primary{background:linear-gradient(#8f0000,#6f0000);border:1px solid #a51b1b;color:#fff}.alert{padding:11px 12px;border-radius:9px;background:#2b0b0b;border:1px solid #652020;color:#ffc1c1}.login-card small{color:#707070}