html,body{height:100%}body{margin:0;font-family:system-ui,sans-serif;background:radial-gradient(1200px 600px at 50% -10%,#1b2a5a,#0b1020 55%);color:#f5f7ff}#root{min-height:100vh;display:grid;place-items:center;padding:24px}.hero{width:min(980px,100%);display:grid;gap:18px;text-align:center;padding:46px 28px;border-radius:24px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 60px #00000059}.badge{justify-self:center;padding:8px 14px;border-radius:999px;font-size:.9rem;letter-spacing:.2px;background:#f2c06b24;border:1px solid rgba(242,192,107,.35);color:#f2c06b}.title{margin:0;font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.05}.subtitle{margin:0;font-size:1.1rem;opacity:.9}.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:6px}.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 22px;border-radius:999px;background:#f2c06b;color:#111;text-decoration:none;font-weight:800;border:0;cursor:pointer}.secondary{background:transparent;color:#f5f7ff;border:1px solid rgba(255,255,255,.22)}.cta:hover{transform:translateY(-1px)}.grid{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.card{text-align:left;padding:16px;border-radius:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.card h3{margin:0 0 6px;font-size:1.05rem}.card p{margin:0;opacity:.9;font-size:.95rem;line-height:1.35}.footer{margin-top:10px;font-size:.9rem;opacity:.85}@media(max-width:820px){.grid{grid-template-columns:1fr}}*{box-sizing:border-box}body{margin:0}