*{box-sizing:border-box}
:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eef2ff;background:#0b1020}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 10%,rgba(99,102,241,.22),transparent 30%),radial-gradient(circle at 90% 90%,rgba(14,165,233,.16),transparent 30%),#0b1020}
.container{width:min(760px,calc(100% - 32px));margin:0 auto;padding:64px 0}
.hero{text-align:center;margin-bottom:32px}
.badge{display:inline-block;padding:6px 12px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.06);color:#cbd5ff;font-size:13px}
h1{font-size:clamp(34px,7vw,54px);margin:16px 0 8px}
.subtitle{color:#aeb8d7;margin:0}
.grid{display:grid;gap:14px}
.card{display:grid;grid-template-columns:48px 1fr 24px;gap:14px;align-items:center;padding:18px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);color:inherit;text-decoration:none;transition:.18s}
.card:hover{transform:translateY(-2px);background:rgba(255,255,255,.1)}
.icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:rgba(99,102,241,.18);font-size:22px}
.card strong,.card small{display:block}.card small{margin-top:4px;color:#aeb8d7}
.arrow{color:#c8d0ea;font-size:20px}
.panel{padding:24px;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);line-height:1.8}
.nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}
.nav a{padding:9px 14px;border-radius:12px;text-decoration:none;color:#dce3ff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08)}
.nav a:hover{background:rgba(255,255,255,.12)}
.back{display:inline-block;margin-top:20px;color:#9fb0ff;text-decoration:none}
footer{text-align:center;color:#7f8bb0;font-size:12px;margin-top:28px}