:root{--bg-deep:#0f155f;--bg-mid:#1f2ea2;--bg-soft:#3a53d2;--card-top:rgba(73,92,220,0.22);--card-bottom:rgba(23,33,109,0.72);--border:rgba(168,183,255,0.26);--text:#f6f7ff;--muted:#d1d8ff;--brand:#ffffff;--brand-ink:#2d3bb4;--pill:rgba(139,161,255,0.18);--pill-border:rgba(188,201,255,0.35)}*{box-sizing:border-box}body,html{margin:0;padding:0;color:var(--text);font-family:gg sans,Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;background:#121a6b}a{color:inherit}.page{min-height:100vh;position:relative;overflow:hidden;background:radial-gradient(1200px 520px at 50% -22%,rgba(171,187,255,.35),rgba(95,118,255,.08) 38%,transparent 70%),radial-gradient(900px 340px at -10% 25%,rgba(91,116,255,.22),transparent 60%),radial-gradient(900px 380px at 110% 30%,rgba(74,95,255,.2),transparent 62%),linear-gradient(180deg,var(--bg-soft) 0,var(--bg-mid) 42%,var(--bg-deep) 100%)}.page:before{background-image:radial-gradient(circle at 12% 14%,rgba(255,255,255,.82) 1px,transparent 1.5px),radial-gradient(circle at 78% 19%,rgba(255,255,255,.75) 1.1px,transparent 1.7px),radial-gradient(circle at 34% 41%,rgba(255,255,255,.62) 1px,transparent 1.5px),radial-gradient(circle at 67% 55%,rgba(255,255,255,.56) .9px,transparent 1.4px),radial-gradient(circle at 23% 73%,rgba(255,255,255,.58) 1px,transparent 1.6px),radial-gradient(circle at 88% 82%,rgba(255,255,255,.62) 1.1px,transparent 1.6px),radial-gradient(circle at 60% 10%,rgba(255,255,255,.44) 1.2px,transparent 1.9px),radial-gradient(circle at 8% 62%,rgba(255,255,255,.4) 1.1px,transparent 1.8px),radial-gradient(circle at 15% 88%,rgba(255,255,255,.52) 1px,transparent 1.6px),radial-gradient(circle at 92% 64%,rgba(255,255,255,.54) 1px,transparent 1.6px),radial-gradient(circle at 49% 83%,rgba(255,255,255,.5) .95px,transparent 1.5px),radial-gradient(circle at 73% 92%,rgba(255,255,255,.48) .95px,transparent 1.5px),radial-gradient(circle at 5% 44%,rgba(255,255,255,.4) 1px,transparent 1.6px),radial-gradient(circle at 95% 39%,rgba(255,255,255,.4) 1px,transparent 1.6px);background-size:100% 100%;opacity:.82}.page:after,.page:before{content:"";position:absolute;inset:0;pointer-events:none}.page:after{background:radial-gradient(120px 70px at 12% 16%,rgba(214,225,255,.22),transparent 72%),radial-gradient(140px 85px at 89% 13%,rgba(198,215,255,.2),transparent 73%),radial-gradient(150px 90px at 16% 78%,rgba(205,220,255,.18),transparent 73%),radial-gradient(170px 95px at 84% 74%,rgba(192,210,255,.2),transparent 73%),radial-gradient(95px 58px at 52% 32%,rgba(207,221,255,.14),transparent 74%);filter:blur(1px);opacity:.9}.container{max-width:1060px;margin:0 auto;padding:60px 20px 76px;position:relative;z-index:1}.badge{display:inline-flex;align-items:center;gap:8px;background:var(--pill);color:#f0f3ff;border:1px solid var(--pill-border);border-radius:999px;padding:6px 12px;font-size:12px;letter-spacing:.2px;margin-bottom:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}h1{font-size:clamp(2.1rem,5vw,3.4rem);line-height:1.07;margin:0;text-wrap:balance}.lead{color:var(--muted);font-size:18px;max-width:860px;margin-top:14px;line-height:1.62}.grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));margin-top:24px}.card{background:linear-gradient(180deg,var(--card-top) 0,var(--card-bottom) 100%);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 12px 28px rgba(8,12,46,.42);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card h2{margin-top:0;margin-bottom:10px;font-size:21px}.card li,.card p{color:var(--muted);line-height:1.7}.card ul{margin:0;padding-left:20px}.card code{background:rgba(20,28,94,.9);border:1px solid rgba(166,183,255,.34);color:#eef2ff;border-radius:7px;padding:2px 6px;font-size:12px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px;align-items:center}.button{display:inline-block;background:var(--brand);color:var(--brand-ink);text-decoration:none;padding:11px 16px;border-radius:10px;font-weight:700;border:1px solid rgba(255,255,255,.4);transition:transform .12s ease,box-shadow .12s ease}.button:hover{transform:translateY(-1px);box-shadow:0 10px 18px rgba(0,0,0,.22)}.subtle{color:#d8defd}