:root{--bg:#5e729c;--card:#121a2a;--muted:#c7dbf4;--text:#e6edf7;--accent:#4cc9f0;--border:#22304a}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif}.container{max-width:1100px;margin:40px auto;padding:0 16px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.span-2{grid-column:span 2}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:0 8px 24px #00000040}h1{font-size:26px;margin:0 0 10px}h2{font-size:18px;margin:0 0 12px}.muted{color:var(--muted)}.btn{display:inline-block;background:var(--accent);color:#0b1220;border:none;border-radius:10px;padding:10px 14px;font-weight:600;cursor:pointer;text-decoration:none}.btn.ghost{background:transparent;color:#fff;border:1px solid var(--border)}.row-btns{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}.kv{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed var(--border);padding:10px 0;font-size:14px}.kv:first-of-type{border-top:none}code,pre{background:#0a1020;border:1px solid var(--border);border-radius:8px}.row-between{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}select,input{background:var(--card);color:#e6edf7;border:1px solid var(--border);border-radius:10px;padding:8px;margin-left:2px}@media (max-width:900px){.grid{grid-template-columns:1fr}.span-2{grid-column:span 1}}