:root{color-scheme:dark;font-family:SF Pro Display,PingFang SC,Helvetica Neue,Arial,sans-serif;background:#0d0f14;color:#eef1f6}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 500px at 20% -10%,#1e2a4a,#0d0f14 55%) fixed}a{color:#7bb4ff;text-decoration:none}a:hover{text-decoration:underline}.app{min-height:100vh;display:flex;flex-direction:column}.hero{padding:64px 8vw 32px}.brand{font-size:14px;letter-spacing:.32em;text-transform:uppercase;color:#9bb6ff}.title{margin:12px 0 8px;font-size:46px;font-weight:700}.subtitle{max-width:680px;font-size:18px;color:#c9d4e7;line-height:1.6}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;padding:0 8vw 48px}.card{background:#121621d9;border:1px solid rgba(122,142,190,.2);border-radius:16px;padding:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:140px}.card h3{margin:0 0 8px;font-size:16px}.card p{margin:0;color:#c0c9dc;line-height:1.5}.footer{margin-top:auto;padding:24px 8vw 40px;color:#8fa0bf;border-top:1px solid rgba(143,160,191,.2);display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}.cta{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:#2a5cff;color:#fff;font-weight:600}.cta.secondary{background:#7a8ebe33;color:#dbe6ff}@media (max-width: 640px){.title{font-size:34px}.hero{padding:48px 6vw 24px}.cards{padding:0 6vw 36px}}