:root{
  color-scheme:dark;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --bg:#07101e;
  --panel:#0d1727;
  --panel2:#101d31;
  --gold:#d6a94d;
  --gold2:#f0d486;
  --text:#f8fafc;
  --muted:#9fb0c6;
  --line:rgba(255,255,255,.10);
  --danger:#fca5a5;
}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:
  radial-gradient(circle at 15% 20%,rgba(214,169,77,.18),transparent 30%),
  radial-gradient(circle at 80% 75%,rgba(60,100,160,.16),transparent 32%),
  linear-gradient(135deg,#06101d,#0b1526 55%,#08111d);color:var(--text)}
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:center;gap:clamp(32px,6vw,90px);max-width:1180px;margin:auto;padding:48px 32px}
.login-brand{max-width:650px}
.login-logo{width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(0,0,0,.35))}
.kicker,.eyebrow{color:var(--gold2);font-size:.76rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.login-brand h1{font-size:clamp(3.2rem,7vw,6.4rem);line-height:.95;margin:10px 0 0;letter-spacing:-.055em}
.login-card{background:linear-gradient(180deg,rgba(18,31,51,.96),rgba(10,20,35,.96));border:1px solid var(--line);box-shadow:0 30px 80px rgba(0,0,0,.42);border-radius:26px;padding:34px;backdrop-filter:blur(18px)}
.login-card-head{display:flex;gap:14px;align-items:center;margin-bottom:28px}
.login-card h2{margin:4px 0 0;font-size:1.55rem}
.mini-star{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#f0d486,#a77724);color:#07101e;font-weight:950;box-shadow:0 8px 24px rgba(214,169,77,.24)}
form{display:grid;gap:18px}
label{display:grid;gap:8px;color:#dbe5f2;font-size:.92rem;font-weight:700}
input{width:100%;border:1px solid var(--line);background:#081321;color:white;border-radius:13px;padding:14px 15px;font:inherit;outline:none}
input:focus{border-color:rgba(240,212,134,.7);box-shadow:0 0 0 3px rgba(214,169,77,.12)}
.password-wrap{display:flex;gap:8px}
.password-wrap input{min-width:0}
.ghost-button{border:1px solid var(--line);background:#132137;color:#d7e0eb;border-radius:12px;padding:0 13px;font-weight:750;cursor:pointer}
.primary{border:0;border-radius:13px;padding:14px 18px;background:linear-gradient(135deg,#e1bd67,#b7842f);color:#07101e;font-size:1rem;font-weight:900;cursor:pointer;box-shadow:0 12px 26px rgba(197,145,49,.20)}
.primary:disabled{opacity:.55;cursor:wait}
.message{min-height:20px;color:var(--danger);font-size:.9rem}
.message.ok{color:#86efac}
.login-foot{margin:24px 0 0;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:.82rem;line-height:1.5}
@media(max-width:820px){
  .login-shell{grid-template-columns:1fr;padding:26px 18px}
  .login-brand{text-align:center;margin:auto}
  .login-logo{width:110px;height:110px}
  .login-brand h1{font-size:3.6rem}
  .login-card{padding:26px 20px}
}