*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0b0f;--panel: #14161d;--line: rgba(255, 255, 255, .1);--ink: #eef0f6;--muted: #9aa0b0;--accent: #8db7ff}html,body{min-height:100%}body{background:radial-gradient(1200px 600px at 50% -10%,#1a2238,#1a223800 60%),var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-height:100vh}.hero{text-align:center;padding:18vh 24px 6vh}.hero h1{font-size:clamp(32px,6vw,56px);font-weight:700;letter-spacing:-.02em}.tagline{margin-top:12px;color:var(--muted);font-size:clamp(14px,2.2vw,18px);max-width:620px;margin-left:auto;margin-right:auto}.grid{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;max-width:960px;width:100%;margin:0 auto;padding:0 24px 48px}.card{display:block;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px 22px 20px;text-decoration:none;color:inherit;transition:transform .15s ease,border-color .15s ease,background .15s ease}.card:hover{transform:translateY(-3px);border-color:#8db7ff80;background:#171a23}.card-tag{font-size:11px;letter-spacing:.03em;text-transform:uppercase;color:var(--muted)}.card h2{margin:8px 0;font-size:21px;font-weight:650}.card p{color:var(--muted);font-size:14px;line-height:1.55}.go{display:inline-block;margin-top:14px;color:var(--accent);font-weight:600;font-size:14px}.foot{text-align:center;color:var(--muted);font-size:12px;padding:18px;border-top:1px solid var(--line)}