:root{
  --font-primary: "Space Grotesk","Noto Sans",sans-serif;
  --bg-main:#1a1a1a; --bg-panel:#262626; --bg-hover:#333; --text:#eaeaea; --muted:#a0a0a0; --orange:#fb923c; --orange-d:#f97316; --red:#fc8181;
}
*{box-sizing:border-box}
body{margin:0;font-family:var(--font-primary);background:radial-gradient(1200px 600px at 20% 20%,rgba(251,146,60,.15),transparent),radial-gradient(1200px 600px at 80% 80%,rgba(255,255,255,.05),transparent),var(--bg-main);color:var(--text);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}
.login-container{width:100%;max-width:440px}
.login-card{background:rgba(38,38,38,.9);backdrop-filter:blur(6px);border:1px solid rgba(251,146,60,.2);border-radius:12px;padding:2rem 2rem 1.25rem}
.brand{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem}
.brand svg{width:48px;height:48px;color:var(--orange)}
.brand h1{margin:.25rem 0 0;font-size:1.6rem;color:var(--orange)}
.brand p{margin:.25rem 0 0;color:var(--muted);font-size:.9rem}
.form-group{display:flex;flex-direction:column;margin:1rem 0}
label{font-size:.9rem;color:var(--muted);margin-bottom:.35rem}
input{background:#111;border:1px solid #3f3f46;border-radius:8px;color:var(--text);height:44px;padding:0 .9rem;outline:none}
input:focus{border-color:var(--orange)}
.btn{width:100%;height:44px;border:none;border-radius:8px;background:#3e3e3e;color:var(--text);font-weight:600;cursor:pointer;transition:.2s}
.btn-primary{background:var(--orange);color:#111}
.btn-primary:hover{background:var(--orange-d)}
.status{min-height:20px;margin-top:.75rem;font-size:.9rem}
.status.error{color:var(--red)}
.status.success{color:#68d391}
.footer-note{margin-top:1rem;text-align:center;color:var(--muted)}