:root{color-scheme:dark;--bg:#020b18;--card:#071426;--line:#16304b;--text:#eaf5ff;--muted:#91a8bd;--cyan:#22d3ee;--yellow:#fbbf24;--green:#34d399;--red:#fb7185}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at 15% -10%,#093550 0,transparent 30%),var(--bg);color:var(--text);line-height:1.65}.wrap{width:min(960px,calc(100% - 28px));margin:auto;padding:28px 0 70px}.brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}.logo{width:44px;height:44px;border:1px solid #1d5c78;border-radius:14px;background:linear-gradient(145deg,#06283d,#091425);display:grid;place-items:center;font-weight:900;color:var(--cyan);box-shadow:0 12px 40px #0008}.brand strong{font-size:18px}.brand small{display:block;color:var(--muted)}.hero,.card{background:linear-gradient(180deg,#09192c,#061321);border:1px solid var(--line);border-radius:22px;box-shadow:0 22px 70px #0005}.hero{padding:30px;margin-bottom:20px}.eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);font-weight:800}.hero h1{font-size:clamp(30px,6vw,50px);line-height:1.05;margin:8px 0 14px}.hero p{color:#bfd2e3;max-width:760px}.meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.pill{border:1px solid #21435f;background:#081725;border-radius:999px;padding:6px 10px;color:#b7ccdf;font-size:12px}.card{padding:24px;margin:16px 0}.card h2{font-size:22px;margin:0 0 10px}.card h3{font-size:16px;margin:20px 0 6px;color:#d8eafd}.card p,.card li{color:#b5c9da}.card ul{padding-left:22px}.callout{border-left:3px solid var(--cyan);background:#062334;padding:14px 16px;border-radius:12px;color:#cdeaf3}.warn{border-left-color:var(--yellow);background:#2b2107}.danger{border-left-color:var(--red);background:#2b0d16}.ok{border-left-color:var(--green);background:#08271f}.buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:14px;padding:12px 16px;font-weight:800;border:1px solid #1d6378;background:#0a3344;color:#dffbff}.btn.secondary{background:#0a1726;border-color:#253d55;color:#d7e6f3}.btn.danger{background:#3a0d18;border-color:#7e2437;color:#ffe8ed}a{color:#62e3f3}label{display:block;font-weight:750;margin:14px 0 6px}input,select,textarea{width:100%;background:#06111e;color:var(--text);border:1px solid #24425e;border-radius:13px;padding:12px 13px;font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #22d3ee18}textarea{min-height:140px;resize:vertical}button{cursor:pointer}.status{display:none;margin-top:14px;padding:12px 14px;border-radius:12px}.status.show{display:block}.status.ok{background:#08271f;color:#baf5dc;border:1px solid #176b4f}.status.err{background:#301018;color:#ffd4dd;border:1px solid #7e2437}.footer{color:#758ca1;font-size:12px;text-align:center;padding-top:24px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:720px){.grid{grid-template-columns:1fr}.hero,.card{padding:20px}.wrap{width:min(100% - 18px,960px)}}