*{box-sizing:border-box}
body{margin:0;font-family:Tahoma,Segoe UI,sans-serif;background:#0b1020;color:#e8edf5;line-height:1.7}
.wrap{max-width:720px;margin:0 auto;padding:20px 16px 40px}
header h1{margin:0 0 8px;font-size:1.35rem}
header p{color:#9aa8bc;margin:0 0 20px;font-size:.92rem}
.status-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.pill{font-size:.78rem;padding:6px 10px;border-radius:999px;border:1px solid #334155}
.pill.ok{background:#14291f;color:#86efac;border-color:#166534}
.pill.bad{background:#2a1515;color:#fca5a5;border-color:#7f1d1d}
.card{background:#141c2e;border:1px solid #243047;border-radius:12px;padding:20px;margin-bottom:16px}
label{display:block;margin:12px 0 6px;font-size:.88rem;color:#b8c5d6}
textarea,input[type=text],input[type=password]{width:100%;padding:10px 12px;border:1px solid #334155;border-radius:8px;background:#0b1020;color:#fff;font-size:.92rem}
textarea{font-family:Consolas,monospace;direction:ltr;text-align:left}
.btn{display:inline-block;padding:11px 16px;border:none;border-radius:8px;font-size:.95rem;cursor:pointer;text-decoration:none}
.btn.primary{background:#2563eb;color:#fff;width:100%}
.btn.primary:hover{background:#1d4ed8}
.btn.danger{background:#b91c1c;color:#fff;width:100%}
.btn.ghost{background:transparent;color:#94a3b8;border:1px solid #334155;width:100%}
.btn.small{padding:8px 12px;width:auto;font-size:.82rem}
.alert{padding:12px 14px;border-radius:8px;margin-bottom:14px}
.alert.err{background:#3f1d1d;color:#fecaca;border:1px solid #7f1d1d}
.alert.ok{background:#14332a;color:#bbf7d0;border:1px solid #166534}
.hint{margin-top:14px;font-size:.82rem;color:#7a8a9c}
.hint code{background:#0b1020;padding:2px 6px;border-radius:4px}
table.info{width:100%;border-collapse:collapse;font-size:.9rem}
table.info td{padding:8px 6px;border-bottom:1px solid #243047;vertical-align:top}
table.info td:first-child{color:#94a3b8;width:38%}
.note{background:#1a2332;padding:10px;border-radius:8px;font-size:.88rem;margin:14px 0}
.check{display:flex;gap:8px;align-items:flex-start;font-size:.88rem;margin:12px 0}
.check.warn{color:#fcd34d}
.copy-box{display:flex;gap:8px}
.copy-box input{flex:1;direction:ltr;text-align:left;font-size:.82rem}
.success-card h2{color:#86efac}
.ok-text{color:#86efac;font-weight:bold}
footer{text-align:center;color:#64748b;font-size:.78rem;margin-top:24px}
hr{border:none;border-top:1px solid #243047;margin:20px 0}
.stack{display:flex;flex-direction:column;gap:8px}