:root{color-scheme:dark;--bg:#1b1d20;--ink:#eef2f7;--muted:#a9b3bf;--accent:#00a2ff;--accent-2:#0074bd;--line:#32373d;--card:#23272b}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:var(--accent)}
.top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px clamp(16px,4vw,56px);border-bottom:1px solid var(--line);background:#1f2124}
.brand{display:flex;align-items:center}
.brand img{display:block;height:30px;width:auto}
.links{display:flex;gap:6px}
.links a{padding:8px 12px;border-radius:4px;color:var(--muted);text-decoration:none;font-size:14.5px;font-weight:600}
.links a:hover{color:var(--ink);background:#2a2e33}
.links a[aria-current="page"]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--accent);border-radius:4px 4px 0 0}
.hero{padding:clamp(48px,9vw,96px) 16px clamp(40px,7vw,72px);text-align:center;background:radial-gradient(70% 90% at 50% 0%,rgba(0,162,255,.20),rgba(0,162,255,0) 70%)}
.hero.compact{padding-top:clamp(36px,6vw,64px);padding-bottom:clamp(24px,4vw,40px)}
.hero h1{font-size:clamp(32px,6vw,52px);line-height:1.1;margin:0 0 16px;letter-spacing:-.02em}
.lead{max-width:640px;margin:0 auto;font-size:clamp(16px,2.2vw,19px);color:#d6dde6}
.cta{display:inline-block;margin-top:26px;padding:12px 24px;border-radius:4px;background:var(--accent-2);border:1px solid #168dda;color:#fff;text-decoration:none;font-weight:700}
.cta:hover{background:#0679c4}
.wrap{max-width:760px;margin:0 auto;padding:8px 16px 64px}
.card{margin:0 0 18px;padding:24px 26px;background:var(--card);border:1px solid var(--line);border-radius:8px}
.card h2{font-size:20px;margin:0 0 10px}
.card p{margin:0;color:var(--muted)}
.card ul{margin:0;padding-left:20px;color:var(--muted)}
.card li{margin:0 0 8px}
.contact{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}
.contact-text{flex:1 1 260px}
.handle{display:flex;align-items:center;gap:12px;padding:10px 12px 10px 16px;background:#1b1d20;border:1px solid var(--line);border-radius:6px}
.handle .label{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.handle .nick{font-size:18px;font-weight:700;color:var(--ink);text-decoration:none}
.handle a.nick:hover{color:var(--accent);text-decoration:underline}
.legal{margin:26px 4px 0;font-size:13px;line-height:1.6;color:#8a95a1;text-align:center}
@media (max-width:520px){.links a{padding:8px 9px;font-size:14px}.card{padding:20px 18px}.handle{width:100%;justify-content:space-between}}
@media (max-width:420px){.top{padding:12px 14px}.brand img{height:24px}.links{gap:0}.links a{padding:8px 7px;font-size:13.5px}}
.legal strong{color:#c3ccd6}