:root{--ink:#070d2e;--mut:#56608a;--bg:#f6f8ff;--line:#e3e8fb;--cy:#06b6ff;--bl:#2347ff;--vi:#a63cff;--grad:linear-gradient(100deg,#a63cff,#2347ff 55%,#06b6ff);--sh:0 10px 30px rgba(35,71,255,.10);color-scheme:light}
*{box-sizing:border-box;margin:0}
body{font:400 16px/1.55 Figtree,system-ui,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:Sora,Figtree,sans-serif;line-height:1.15;letter-spacing:-.02em}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--bl);outline-offset:2px;border-radius:8px}
.g{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border:0;border-radius:12px;font-weight:600;background:var(--bl);color:#fff;cursor:pointer;box-shadow:0 8px 22px rgba(35,71,255,.28);transition:transform .15s}
.btn:hover{transform:translateY(-2px)}
.btn.o{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none}
.lang{border:1px solid var(--line);background:#fff;border-radius:10px;padding:7px 12px;font-weight:600;font-size:14px;cursor:pointer}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01s!important;transition:none!important}}