:root{
  --bg:#0b0b0d;
  --bg-2:#0f0f13;
  --card:#141418;
  --card-2:#1a1a20;
  --line:rgba(255,255,255,.1);
  --text:#f5f5f6;
  --muted:#b5b6be;
  --gold:#d4af37;
  --gold-soft:#f3e5ab;
  --success:#35c685;
  --danger:#f87171;
  --info:#60a5fa;
  --radius:16px;
  --radius-sm:12px;
  --shadow:0 20px 50px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:
    radial-gradient(1000px 500px at 10% -10%, rgba(212,175,55,.10), transparent 60%),
    radial-gradient(900px 500px at 90% 0%, rgba(243,229,171,.06), transparent 50%),
    var(--bg);
  color:var(--text);
}
a{color:inherit;text-decoration:none}
input,select,textarea{
  background:#101015;color:var(--text);border:1px solid var(--line);border-radius:10px;
  padding:10px 12px;font:inherit;
}
input:focus,select:focus,textarea:focus{outline:2px solid rgba(212,175,55,.25);outline-offset:1px;border-color:rgba(212,175,55,.45)}
button{font:inherit}
.muted{color:var(--muted)}
.tiny{font-size:.8rem}
.btn-soft{
  border:1px solid var(--line);background:rgba(255,255,255,.02);color:#fff;
  border-radius:10px;padding:10px 12px;cursor:pointer;
}
.btn-soft:hover{border-color:rgba(212,175,55,.4)}
.btn-gold{
  border:0;background:linear-gradient(135deg,var(--gold),var(--gold-soft));
  color:#101010;font-weight:700;border-radius:10px;padding:10px 12px;cursor:pointer;
}
.card{
  border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,var(--card),#111116);
  box-shadow:var(--shadow);
}