:root{--bg: #0a1c2e;--panel: #12304d;--fg: #f4f8fc;--dim: #b7c9dc;--accent: #5eead4;--line: #2a4d6e}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(ellipse 80% 50% at 20% 0%,#1a4a6a 0%,transparent 55%),radial-gradient(ellipse 60% 40% at 90% 20%,#0f3d2e 0%,transparent 50%),var(--bg);color:var(--fg);font-family:Segoe UI,system-ui,sans-serif}.hub{max-width:920px;margin:0 auto;padding:48px 20px 64px}.brand{margin:0 0 8px;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-weight:700;font-size:.85rem}h1{margin:0;font-size:clamp(1.8rem,4vw,2.6rem)}.lead{margin:12px 0 0;color:var(--dim);max-width:36rem;line-height:1.45}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:36px}.card{display:block;text-decoration:none;color:inherit;background:#12304dd9;border:1px solid var(--line);border-radius:16px;padding:22px 20px 24px;transition:border-color .15s ease,transform .15s ease}.card:hover{border-color:var(--accent);transform:translateY(-2px)}.card-kicker{color:var(--accent);font-size:.8rem;font-weight:700}.card h2{margin:8px 0 10px;font-size:1.35rem}.card p{margin:0;color:var(--dim);line-height:1.4}