:root{--bg:#0b1220;--panel:#0f1528;--border:#22304a;--muted:#9aa0a6;--text:#e6edf3;--brand:#3b82f6;--accent:#22c55e}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#0b1220,#0a1020);color:var(--text);font-family:Arial,Helvetica,sans-serif}
.wrap{max-width:900px;margin:0 auto;padding:28px}
.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px}
.logo{width:40px;height:40px;border-radius:10px;background:radial-gradient(circle at 30% 30%,#9ecbff,#3b82f6)}
.btn{background:var(--accent);color:#07121f;padding:10px 14px;border-radius:10px;border:none;cursor:pointer;font-weight:700}
.input{width:100%;padding:10px;border-radius:10px;border:1px solid var(--border);background:#0b1220;color:var(--text);margin-top:8px}
.small{color:var(--muted);font-size:13px}
pre{background:#071126;padding:10px;border-radius:8px;overflow:auto}