@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Work+Sans:wght@400;500;600;700&display=swap";
.site-page{--site-accent:#8840e5;--site-accent-2:#7c3aed;--site-accent-soft:#8840e524;--site-bg:#f8f7fe;--site-text:#1d1d1f;--site-muted:#6b6b76;--site-border:#e7e4f5;--site-panel:#fff;background:radial-gradient(900px 500px at 85% -10%, #8840e529, transparent 60%), radial-gradient(700px 420px at -10% 110%, #7c3aed1f, transparent 60%), var(--site-bg);min-height:100vh;color:var(--site-text);font-family:DM Sans,Work Sans,system-ui,sans-serif}.site-page__wrap{max-width:880px;margin:0 auto;padding:72px 24px 96px}.site-page__brand{color:var(--site-accent);letter-spacing:.01em;align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.site-page__logo{border-radius:8px;width:28px;height:28px}.site-page__hero{margin-top:48px}.site-page__title{letter-spacing:-.02em;margin:0;font-size:42px;font-weight:800;line-height:1.1}.site-page__title-accent{color:var(--site-accent)}.site-page__subtitle{color:var(--site-muted);margin:16px 0 0;font-size:16px;line-height:1.6}.site-page__links{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.site-page__link{border-radius:14px;align-items:center;gap:8px;padding:12px 22px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .15s,transform .1s,border-color .15s;display:inline-flex}.site-page__link:hover{opacity:.9}.site-page__link:active{transform:scale(.99)}.site-page__link--primary{background:linear-gradient(135deg, var(--site-accent), var(--site-accent-2));color:#fff;box-shadow:0 10px 24px -10px #8840e599}.site-page__link--ghost{background:var(--site-panel);color:var(--site-text);border:1px solid var(--site-border)}.site-page__card{border:1px solid var(--site-border);background:var(--site-panel);border-radius:18px;margin-top:48px;padding:28px;box-shadow:0 18px 40px -24px #1414282e}.site-page__card-title{margin:0;font-size:18px;font-weight:700}.site-page__card-body{color:var(--site-muted);margin:10px 0 0;font-size:14px;line-height:1.7}.site-page__code{color:#eae7f5;white-space:pre;background:#17131f;border-radius:12px;margin:18px 0 0;padding:16px 18px;font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:13px;line-height:1.7;display:block;overflow-x:auto}.site-page__code-accent{color:#a78bfa}.site-page__muted{color:var(--site-muted);margin-top:40px;font-size:13px}