:root{
  --bg:#0b1020;
  --bg2:#131b33;
  --panel:#182247;
  --line:#2c3a66;
  --text:#e8ecff;
  --dim:#93a0cc;
  --accent:#3ddc97;
  --accent2:#ffd166;
  --danger:#ff6b6b;
}
*{box-sizing:border-box}
body{
  margin:0;
  min-height:100vh;
  background:radial-gradient(1200px 700px at 50% -10%, #1d2a5c 0%, var(--bg) 60%);
  color:var(--text);
  font-family:"Trebuchet MS", "Segoe UI", system-ui, sans-serif;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:18px 14px 40px;
}
h1{
  margin:6px 0 2px;
  font-size:clamp(28px,6vw,46px);
  letter-spacing:2px;
  text-transform:uppercase;
  background:linear-gradient(180deg,#fff,var(--accent2));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-align:center;
}
.sub{color:var(--dim);margin:0 0 16px;text-align:center}
button, .btn{
  font-family:inherit;
  font-size:15px;
  font-weight:bold;
  color:#0b1020;
  background:var(--accent);
  border:none;
  border-radius:10px;
  padding:10px 16px;
  cursor:pointer;
  box-shadow:0 4px 0 #22996a;
  transition:transform .06s, box-shadow .06s, background .15s;
  text-decoration:none;
  display:inline-block;
}
button:hover, .btn:hover{background:#55e8ab}
button:active, .btn:active{transform:translateY(3px);box-shadow:0 1px 0 #22996a}
button.alt{background:var(--accent2);box-shadow:0 4px 0 #c9a13f}
button.alt:hover{background:#ffdf8c}
button:disabled{background:#4a5480;color:#98a2c9;box-shadow:0 4px 0 #333c63;cursor:not-allowed}
.panel{
  background:linear-gradient(180deg,var(--panel),var(--bg2));
  border:2px solid var(--line);
  border-radius:16px;
  padding:16px;
  box-shadow:0 10px 30px rgba(0,0,0,.4);
}
.row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;align-items:center}
.back{
  position:fixed;top:12px;left:12px;
  background:var(--panel);color:var(--text);
  border:2px solid var(--line);box-shadow:none;
  font-size:14px;padding:8px 12px;
}
.back:hover{background:#243066}
.status{
  min-height:28px;font-size:18px;font-weight:bold;
  color:var(--accent2);text-align:center;margin:12px 0;
}