:root{--bg:#07111f;--panel:rgba(255,255,255,.08);--text:#eef6ff;--muted:#a7b7ca;--primary:#27d2ff;--accent:#70f5b8;--line:rgba(255,255,255,.14)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 15% 10%,rgba(39,210,255,.18),transparent 32%),linear-gradient(135deg,#050913,#07111f 52%,#0d1b2e)}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:18px clamp(18px,5vw,72px);background:rgba(7,17,31,.78);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-weight:900}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#03101c}nav{display:flex;gap:20px;color:var(--muted)}.hero{min-height:72vh;padding:80px clamp(18px,5vw,72px);display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:2px;font-weight:800;font-size:12px}h1{font-size:clamp(48px,8vw,88px);line-height:.92;margin:0}h2{font-size:clamp(30px,4vw,48px);margin:0 0 14px}.lead,p{color:var(--muted);font-size:18px;line-height:1.7}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:14px 22px;font-weight:800}.btn.primary{background:linear-gradient(135deg,var(--primary),var(--accent));color:#03101c;border:0}.card,.panel,article{border:1px solid var(--line);background:var(--panel);border-radius:28px;padding:30px;box-shadow:0 28px 80px rgba(0,0,0,.35)}.avatar{width:110px;height:110px;border-radius:32px;display:grid;place-items:center;background:linear-gradient(135deg,#fff,var(--primary),var(--accent));color:#03101c;font-size:32px;font-weight:900;margin-bottom:24px}.panel{margin:0 clamp(18px,5vw,72px) 60px}.grid{padding:20px clamp(18px,5vw,72px) 80px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}footer{text-align:center;padding:30px;border-top:1px solid var(--line);color:var(--muted)}@media(max-width:850px){.hero,.grid{grid-template-columns:1fr}nav{font-size:14px;gap:12px}}