:root{color-scheme:dark}*{margin:0;box-sizing:border-box}body{min-height:100vh;display:grid;place-items:center;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(1200px 800px at 70% -10%,#1c2a4a,#0b0f1a 55%) #0b0f1a;color:#e8ecf5;padding:2rem}main{max-width:640px;width:100%}.badge{display:inline-block;font:600 .72rem/1 ui-monospace,monospace;letter-spacing:.08em;color:#8ab4ff;border:1px solid #2c3d63;background:#121a2d;border-radius:999px;padding:.45rem .9rem;margin-bottom:1.4rem}h1{font-size:clamp(2.2rem,6vw,3.4rem);font-weight:800;letter-spacing:-.02em}h1 span{background:linear-gradient(90deg,#7ea6ff,#b48aff);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{margin:1rem 0 2rem;color:#9aa7bf;line-height:1.6}code{font-family:ui-monospace,monospace;font-size:.9em;color:#c6d4f0;background:#16203a;border-radius:4px;padding:.1rem .35rem}.cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}@media(max-width:560px){.cards{grid-template-columns:1fr}}.card{border:1px solid #232f4d;background:#101728;border-radius:14px;padding:1.1rem 1.2rem}.card h2{font-size:.95rem;margin-bottom:.5rem;color:#c6d4f0}.card p{font-size:.88rem;color:#8b98b3;line-height:1.55}button{font:inherit;font-weight:600;color:#0b0f1a;background:linear-gradient(90deg,#8ab4ff,#c39bff);border:0;border-radius:10px;padding:.75rem 1.4rem;cursor:pointer}button:hover{filter:brightness(1.08)}pre{margin-top:1rem;font:.85rem/1.7 ui-monospace,monospace;color:#9fe0b0;background:#0e1526;border:1px solid #223055;border-radius:10px;padding:.9rem 1.1rem;overflow-x:auto}footer{margin-top:2.5rem;font-size:.75rem;color:#5c6a87}