* { box-sizing: border-box; }
.wa-page { min-height:100vh; margin-top:-1px; color:#f6f3ff; background:radial-gradient(850px 520px at 88% -8%,rgba(118,87,255,.34),transparent 62%),radial-gradient(720px 480px at -12% 16%,rgba(84,214,198,.13),transparent 58%),#090816; font:15px/1.7 var(--font-text,system-ui,sans-serif); }
.wa-wrap { width:min(940px,calc(100% - 42px)); margin:0 auto; }
.wa-hero { padding:82px 0 44px; }
.wa-eyebrow { margin:0 0 12px; color:#bcaaff; font:700 12px ui-monospace,monospace; letter-spacing:.08em; }
.wa-hero h1 { margin:0 0 18px; font:800 clamp(44px,8vw,76px)/.98 var(--font-display,system-ui); letter-spacing:-.045em; }
.wa-lead { max-width:68ch; margin:0; color:rgba(246,243,255,.8); font-size:18px; }.wa-lead b,.wa-section b { color:#fff; }
.wa-links { display:flex; flex-wrap:wrap; gap:9px; margin-top:24px; }.wa-links a { padding:8px 14px; border:1px solid rgba(255,255,255,.17); border-radius:10px; color:#fff; text-decoration:none; background:rgba(255,255,255,.06); }.wa-links a:hover { border-color:#8f75ff; }
.wa-main { padding:4px 0 90px; }.wa-section { margin-top:46px; }.wa-section h2 { display:flex; align-items:center; gap:12px; margin:0 0 14px; font:700 25px var(--font-display,system-ui); }.wa-section h2 span { flex:none; display:grid; place-items:center; width:34px; height:34px; border:1px solid rgba(118,87,255,.55); border-radius:11px; color:#cfbfff; background:rgba(118,87,255,.2); font:700 14px ui-monospace,monospace; }.wa-section p { margin:0 0 13px; color:rgba(246,243,255,.78); }.wa-section code { padding:2px 6px; border-radius:6px; color:#9af2df; background:rgba(255,255,255,.08); font:13px ui-monospace,monospace; }.wa-section ul { margin:0 0 14px; padding-left:22px; color:rgba(246,243,255,.8); }.wa-section li { margin-bottom:7px; }
.wa-section--accent { padding:22px; border:1px solid rgba(84,214,198,.28); border-radius:18px; background:rgba(84,214,198,.07); }.wa-section--accent h2 span { border-color:rgba(84,214,198,.45); color:#8cf0dd; background:rgba(84,214,198,.15); }.wa-section--errors { padding:22px; border:1px solid rgba(255,111,174,.28); border-radius:18px; background:rgba(255,111,174,.07); }.wa-section--errors h2 span { border-color:rgba(255,111,174,.45); color:#ffadd2; background:rgba(255,111,174,.15); }
.wa-code { margin:15px 0; overflow:hidden; border:1px solid rgba(255,255,255,.13); border-radius:14px; background:#0d1426; }.wa-code figcaption { display:flex; justify-content:space-between; align-items:center; padding:8px 14px; border-bottom:1px solid rgba(255,255,255,.08); color:rgba(246,243,255,.55); background:rgba(255,255,255,.035); font:12px ui-monospace,monospace; }.wa-code button { padding:4px 10px; border:1px solid rgba(255,255,255,.18); border-radius:7px; color:#fff; background:rgba(255,255,255,.07); cursor:pointer; }.wa-code pre { margin:0; padding:15px 17px; overflow:auto; color:#dbe7f7; font:12.5px/1.65 ui-monospace,monospace; }
.wa-note { font-size:13px; color:rgba(246,243,255,.6)!important; }.wa-table-wrap { overflow:auto; border:1px solid rgba(255,255,255,.12); border-radius:14px; }.wa-table-wrap table { width:100%; border-collapse:collapse; background:rgba(255,255,255,.035); font-size:13px; }.wa-table-wrap th,.wa-table-wrap td { padding:10px 12px; vertical-align:top; text-align:left; border-bottom:1px solid rgba(255,255,255,.08); color:rgba(246,243,255,.78); }.wa-table-wrap tr:last-child td { border-bottom:0; }.wa-table-wrap th { color:#fff; font-size:11px; text-transform:uppercase; letter-spacing:.06em; }.wa-footer { margin-top:54px; padding-top:22px; border-top:1px solid rgba(255,255,255,.1); }
.wa-reveal { opacity:0; transform:translateY(12px); transition:.55s ease; }.wa-reveal.is-in { opacity:1; transform:none; }
@media(max-width:650px){.wa-hero{padding-top:54px}.wa-section--accent,.wa-section--errors{padding:16px}.wa-code pre{font-size:11px}.wa-table-wrap{margin-right:-10px}}
@media(prefers-reduced-motion:reduce){.wa-reveal{opacity:1;transform:none;transition:none}}