:root{--bg:#0B0D1F;--bg2:#080917;--card:#16193A;--panel2:#1E2352;--line:#2A2F5E;--line2:#3A4180;--fg:#EEF0FF;--mut:#A0A5D6;--faint:#6E74AE;--acc:#7B84FF;--acc-press:#6A73F0;--acc-soft:rgba(123,132,255,.16);--ok:#3DDC97;--bad:#FF6B7A;--grad:linear-gradient(120deg,#6D7BFF,#22D3EE);--brandgrad:linear-gradient(120deg,#8B93FF,#3CE0F0);--brandclip:text;--brandfill:transparent}
html[data-theme="light"]{--bg:#FBFCFF;--bg2:#EFF2FF;--card:#FFFFFF;--panel2:#F3F5FF;--line:#E6EAFB;--line2:#D6DCF7;--fg:#141634;--mut:#6A6F98;--faint:#9DA2C7;--acc:#5B67F5;--acc-press:#4A56E0;--acc-soft:rgba(91,103,245,.10);--ok:#12A150;--bad:#E5484D;--grad:linear-gradient(120deg,#5B67F5,#12C2E9);--brandgrad:linear-gradient(120deg,#5B67F5,#12C2E9);--brandclip:text;--brandfill:transparent}
.hero{padding-top:84px}
.hero::before{content:"";position:absolute;top:-120px;left:50%;transform:translateX(-50%);width:680px;height:360px;background:radial-gradient(closest-side,var(--acc-soft),transparent);z-index:-1}
.scard{border-radius:20px}
.scard:hover{box-shadow:0 16px 44px rgba(109,123,255,.16)}
.btn-lg{border-radius:14px}
.panel{border-radius:20px}