*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#0f1117;min-height:100vh;display:flex;align-items:center;justify-content:center}
.login-card{background:#1a1d27;border:1px solid #2a2d3a;border-radius:12px;padding:2.5rem;width:100%;max-width:380px}
.logo{font-size:13px;font-weight:600;color:#4a9eff;letter-spacing:.15em;text-transform:uppercase;margin-bottom:2rem}
h1{font-size:22px;font-weight:500;color:#fff;margin-bottom:.4rem}
.sub{font-size:13px;color:#6b7280;margin-bottom:2rem}
label{display:block;font-size:12px;color:#9ca3af;margin-bottom:5px}
input{width:100%;padding:10px 14px;background:#0f1117;border:1px solid #2a2d3a;border-radius:8px;color:#fff;font-size:14px;margin-bottom:1rem;outline:none;transition:border .2s}
input:focus{border-color:#4a9eff}
button{width:100%;padding:11px;background:#4a9eff;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .2s}
button:hover{opacity:.85}
.error{background:#2d1515;border:1px solid #5c2020;border-radius:8px;padding:10px 14px;font-size:13px;color:#f87171;margin-bottom:1rem;display:none}