:root { --bg:#0f1522; --panel:#121a2b; --text:#e8f0ff; --muted:#9bb0d8; --accent:#1fb6ff; --error:#ff5c7c; }
*{box-sizing:border-box} body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial;
background:var(--bg); color:var(--text);}
.container{max-width:920px;margin:48px auto;padding:0 20px}
.panel{background:var(--panel);border-radius:16px;padding:28px 28px;margin-bottom:24px;box-shadow:0 6px 18px rgba(0,0,0,.25)}
h1{margin:0 0 20px;font-size:40px}
label{display:block;margin:14px 0 6px;color:var(--muted)} input{width:100%;padding:14px 16px;border-radius:12px;border:1px solid #24314c;
background:#0d1423;color:var(--text);outline:none} input:focus{border-color:var(--accent)}
.actions{margin-top:18px} .btn{appearance:none;border:0;background:var(--accent);color:#001326;padding:14px 18px;border-radius:12px;
font-weight:700;cursor:pointer} .btn:disabled{opacity:.6;cursor:not-allowed} .muted{color:var(--muted)}
a{color:#7ec8ff;text-decoration:none} a:hover{text-decoration:underline}
.alert{padding:14px 16px;border-radius:12px;margin:12px 0} .alert.error{background:#2a1120;color:#ffb4c3;border:1px solid #ff5c7c3d}
.alert.ok{background:#102617;color:#b2f5c8;border:1px solid #00e67638}
pre{white-space:pre-wrap;word-break:break-word;background:#0b1322;border-radius:12px;padding:12px 14px}
hr{border:0;border-top:1px solid #23314d;margin:24px 0}
.small{font-size:13px}