:root{
  --bg:#000; --card:#111; --accent:#ffd300; --text:#f6f6f6; --muted:#bdbdbd; --danger:#ff4d4d;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter, system-ui, Arial, sans-serif}
.container{max-width:920px;margin:40px auto;padding:20px}
.card{background:var(--card);border:1px solid #222;border-radius:14px;padding:20px;box-shadow:0 6px 22px rgba(0,0,0,.25)}
h1,h2,h3{margin:0 0 14px 0}
.brand{display:flex;align-items:center;gap:14px;margin-bottom:24px}
.brand img{width:46px;height:46px;border-radius:8px}
.badge{display:inline-block;background:var(--accent);color:#000;padding:4px 10px;border-radius:999px;font-weight:600}
label{display:block;font-size:14px;color:var(--muted);margin:14px 0 6px}
input,button{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #333;background:#0c0c0c;color:var(--text)}
button.primary{background:var(--accent);color:#000;border:0;font-weight:700;cursor:pointer}
.notice{font-size:13px;color:var(--muted)}
.error{color:var(--danger);font-weight:600;margin-top:10px}
.success{color:var(--accent);font-weight:600;margin-top:10px}
footer{margin-top:30px;font-size:12px;color:var(--muted);text-align:center}