:root{color-scheme:dark;--bg:#080d19;--panel:#101a2c;--line:#24344d;--text:#edf4ff;--muted:#a9b8cf;--blue:#63a7ff;--cyan:#59e1e6}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top right,#14264b 0,transparent 42%),var(--bg);color:var(--text);font:16px/1.7 Inter,Segoe UI,Arial,sans-serif}
a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(960px,calc(100% - 32px));margin:auto}
header{border-bottom:1px solid var(--line);background:#080d19d9;backdrop-filter:blur(14px)}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.brand{font-size:1.18rem;font-weight:800;letter-spacing:.08em;color:var(--text)}.brand span{color:var(--cyan)}nav{display:flex;gap:16px;flex-wrap:wrap;font-size:.92rem}
main{padding:44px 0 60px}.eyebrow{color:var(--cyan);font-size:.78rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.13;margin:.45rem 0 1rem}h2{margin-top:2rem;font-size:1.25rem}p,li{color:#d1dced}.muted,.updated{color:var(--muted)}.updated{font-size:.9rem}
.panel{background:linear-gradient(145deg,#101b2fdd,#0b1220ee);border:1px solid var(--line);border-radius:18px;padding:clamp(18px,4vw,30px);box-shadow:0 18px 50px #0003}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:24px}.tile{padding:20px;border:1px solid var(--line);border-radius:14px;background:#0c1525}.tile h2{margin:0 0 8px}.btn{display:inline-block;background:linear-gradient(90deg,#347cf6,#36c7d7);color:#07111e;font-weight:800;padding:11px 17px;border-radius:10px;margin:6px 8px 0 0}.btn.secondary{background:#16243b;color:var(--text);border:1px solid var(--line)}
.notice{border-left:3px solid #f2c36b;padding:12px 16px;background:#f2c36b12;border-radius:0 10px 10px 0;color:#e8d9b7}
footer{border-top:1px solid var(--line);padding:25px 0;color:var(--muted);font-size:.9rem}.foot{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.footlinks{display:flex;gap:14px;flex-wrap:wrap}
label{display:block;font-weight:700;margin:12px 0 6px}input,textarea,select{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:#08111f;color:var(--text);font:inherit}textarea{min-height:140px;resize:vertical}
@media(max-width:600px){.nav{padding:14px 0}nav{gap:10px}main{padding-top:30px}}