:root{--ss-ink: #0a0f2c;--ss-ink-deep: #070b22;--ss-blue: #00a3ff;--ss-blue-soft: #4da3ff;--ss-text: #1c1c1c;--ss-body: #54606e;--ss-body-strong: #3a4450;--ss-muted: #7a7a7a;--ss-steel: #b8c4d9;--ss-line: #eceef2;--ss-line-strong: #e0e4ea;--ss-surface: #f6f8fb;--ss-page: #f7fafd;--ss-mono: "JetBrains Mono", "IBM Plex Mono", monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;color:var(--ss-text);background-color:var(--ss-page);background-image:linear-gradient(#f7fafd80,#f7fafd99),url(/uploads/background.webp);background-position:center bottom;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;-webkit-font-smoothing:antialiased}a{color:var(--ss-blue);text-decoration:none}a:hover{color:var(--ss-blue-soft)}[dir=rtl]{font-family:IBM Plex Sans Hebrew,Inter,sans-serif}::selection{background:var(--ss-blue);color:var(--ss-ink)}.ss-kicker{font-family:var(--ss-mono);font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:var(--ss-blue);margin-bottom:18px}.ss-page-title{font-size:52px;line-height:1.08;font-weight:800;letter-spacing:-.03em;color:var(--ss-ink);margin:0 0 20px}.ss-lead{font-size:19px;line-height:1.6;color:var(--ss-body);margin:0;text-wrap:pretty}.ss-dots{position:absolute;inset:0;background-image:radial-gradient(rgba(184,196,217,.1) 1.1px,transparent 1.1px);background-size:30px 30px}.ss-stars{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.5) 1.4px,transparent 1.8px);background-size:240px 220px;background-position:30px 20px;opacity:.2}.ss-key{--key-face: radial-gradient(120% 180% at 18% -30%, rgba(255, 255, 255, .45), transparent 55%), linear-gradient(180deg, var(--ss-blue-soft) 0%, var(--ss-blue) 100%);--key-fg: var(--ss-ink);--key-rim: color-mix(in srgb, var(--ss-blue), black 35%);--key-hi: rgba(255, 255, 255, .5);--key-lo: 5 20 60;--key-lo-a: .25;--key-glow: 0 163 255;--key-glow-a: .4;--key-sheen: rgba(255, 255, 255, .45);position:relative;overflow:hidden;display:inline-block;padding:14px 26px;border:0;border-radius:999px;background:var(--key-face);color:var(--key-fg);font-family:inherit;font-size:15px;font-weight:700;line-height:inherit;cursor:pointer;box-shadow:inset 0 1px 0 var(--key-hi),inset 0 -2px 3px rgb(var(--key-lo) / var(--key-lo-a)),0 4px 0 var(--key-rim),0 10px 18px rgb(var(--key-glow) / var(--key-glow-a));transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.ss-key:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,var(--key-sheen) 46%,transparent 62%);transform:translate(-120%);transition:transform .5s ease}.ss-key:hover{transform:translateY(-1px);color:var(--key-fg);box-shadow:inset 0 1px 0 var(--key-hi),inset 0 -2px 3px rgb(var(--key-lo) / var(--key-lo-a)),0 5px 0 var(--key-rim),0 14px 24px rgb(var(--key-glow) / calc(var(--key-glow-a) + .05))}.ss-key:hover:before{transform:translate(120%)}.ss-key:active{transform:translateY(3px);box-shadow:inset 0 1px 0 var(--key-hi),inset 0 -1px 2px rgb(var(--key-lo) / calc(var(--key-lo-a) + .05)),0 1px 0 var(--key-rim),0 4px 10px rgb(var(--key-glow) / calc(var(--key-glow-a) - .05))}.ss-key:disabled{opacity:.6;cursor:default;transform:none}.ss-key--dark{--key-face: radial-gradient(120% 180% at 18% -30%, rgba(255, 255, 255, .14), transparent 55%), linear-gradient(180deg, #202b52 0%, var(--ss-ink) 100%);--key-fg: #fff;--key-rim: color-mix(in srgb, var(--ss-ink), black 40%);--key-hi: rgba(255, 255, 255, .16);--key-lo: 0 0 0;--key-lo-a: .35;--key-glow: 0 0 0;--key-glow-a: .35;--key-sheen: rgba(0, 163, 255, .35);border:1px solid rgba(0,163,255,.4)}.ss-key--dark:hover{border-color:var(--ss-blue)}.ss-key--lg{padding:15px 34px;font-size:16px}.ss-key--dot:after{content:"";position:absolute;top:8px;inset-inline-end:12px;width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.35}.ss-key--lg.ss-key--dot:after{top:9px;inset-inline-end:16px}.ss-reveal{transition:opacity .7s ease,transform .7s ease}.ss-reveal--hidden{opacity:0;transform:translateY(20px)}@media(prefers-reduced-motion:reduce){.ss-reveal--hidden{opacity:1;transform:none}}@keyframes ss-draw{to{stroke-dashoffset:0}}@keyframes ss-pop{0%{opacity:0;transform:scale(0)}70%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes ss-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:640px){.ss-page-title{font-size:36px;line-height:1.12}}
