:root{
  --bg:#0b0f19; --card:#0f1720; --muted:#94a3b8; --accent:#2563eb; --accent-2:#06b6d4; --text:#e6eef8; --danger:#dc2626;
}
*{box-sizing:border-box}
html,body{height:80%}
body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}
.site-header{max-width:980px;margin:18px auto 0;padding:0 18px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px}
.logo{width:38px;height:38px;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent-2));padding:6px}
.brand-text .cluster{font-family:JetBrains Mono,monospace;font-size:12px;color:#9fb6ff}
.brand-text .small{font-size:11px;color:var(--muted)}
.lang button{background:transparent;border:0;color:var(--muted);padding:6px 8px;border-radius:6px;font-weight:600}
.lang button.active{background:var(--accent);color:white}
.center{display:flex;align-items:center;justify-content:center;height:calc(100vh - 110px)}
.card{width:100%;max-width:420px;background:var(--card);border:1px solid rgba(148,163,184,0.06);border-radius:12px;padding:22px;position:relative;box-shadow:0 8px 30px rgba(2,6,23,0.6)}
.top-accent{position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--accent),#7c3aed,#10b981);border-radius:12px 12px 0 0}
.card-head h1{margin:0;font-size:20px}
.card-head p{margin:6px 0 0;color:var(--muted);font-size:13px}
.alert{display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;background:rgba(220,38,38,0.06);color:var(--danger);border:1px solid rgba(220,38,38,0.12);margin:10px 0}
.hidden{display:none}
.form{margin-top:10px;display:flex;flex-direction:column;gap:12px}
.label{display:block;font-size:12px;color:var(--muted)}
.label input{width:100%;margin-top:8px;padding:12px;background:transparent;border:1px solid rgba(148,163,184,0.06);color:var(--text);border-radius:8px}
.label .help{float:right;font-size:12px;color:var(--accent);text-decoration:none;margin-left:8px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:10px;border:0;cursor:pointer;font-weight:600}
.btn.primary{background:var(--accent);color:white;box-shadow:0 8px 24px rgba(37,99,235,0.16)}
.btn:disabled{opacity:0.6;cursor:progress}
.card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-size:12px;color:var(--muted)}
.card-foot .links a{color:var(--muted);text-decoration:none;margin-left:12px}
.mono{font-family:JetBrains Mono,monospace}
.icon{width:18px;height:18px}
@media (max-width:480px){.site-header{padding:0 12px}.card{margin:0 12px}}