html:has(.welcome-page),body:has(.welcome-page){overflow:hidden}.welcome-page{position:fixed;inset:0;display:flex;flex-direction:column;background:radial-gradient(115% 52% at 50% 24%,rgba(139,44,217,.22),transparent 70%),radial-gradient(90% 34% at 50% 102%,rgba(200,255,61,.08),transparent 72%),linear-gradient(170deg,#170d2b 0%,var(--color-bg) 52%) var(--color-bg);overflow-y:auto;overflow-x:clip;scrollbar-width:none}.welcome-page::-webkit-scrollbar{display:none}.welcome-scroll-thumb{position:fixed;top:0;right:3px;width:5px;height:48px;border-radius:3px;background:#c8ff3d4d;opacity:0;transition:opacity .24s ease;pointer-events:none;z-index:10}.welcome-page.is-scrolling .welcome-scroll-thumb{opacity:1}.welcome-page>.bg-strokes{position:absolute;inset:0 0 auto;height:min(58vh,560px);z-index:0;overflow:hidden;pointer-events:none;opacity:.5;-webkit-mask-image:linear-gradient(180deg,#000 58%,transparent 100%);mask-image:linear-gradient(180deg,#000 58%,transparent 100%)}.welcome-page>.bg-strokes svg{width:100%;height:100%}.welcome-top{position:relative;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;padding:8px 16px 0 18px}.welcome-logo{height:clamp(90px,10.5vh,122px);width:auto;display:block;margin:-11px 0 0 -14px}.welcome-lang{padding-top:14px}.welcome-stage{position:relative;z-index:1;display:flex;justify-content:center;margin-top:clamp(-42px,-4.5vh,-20px)}.welcome-character{height:clamp(190px,33vh,420px);width:auto;transform:translateY(20px);mix-blend-mode:screen;-webkit-mask-image:linear-gradient(180deg,#000 68%,transparent 99%);mask-image:linear-gradient(180deg,#000 68%,transparent 99%)}.welcome-body{position:relative;z-index:2;flex:1;width:100%;max-width:560px;margin:clamp(-104px,-11.5vh,-62px) auto 0;padding:0 22px 26px;display:flex;flex-direction:column}.welcome-headline .display{font-size:clamp(38px,11.5vw,56px);margin-top:0}.welcome-headline .display .t{font-size:1em!important}.welcome-subtitle{margin:12px 0 0;max-width:44ch;color:var(--color-muted);font-size:14.5px;line-height:1.55}.welcome-bonus{position:relative;margin-top:16px;background:linear-gradient(135deg,#c8ff3d14,#8b2cd91f);border-radius:12px;padding:16px 18px;display:flex;align-items:center;gap:14px;text-align:left}.welcome-bonus:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:linear-gradient(135deg,var(--color-purple) 0%,var(--color-green) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}.welcome-bonus-icon{width:52px;height:52px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;background:color-mix(in oklab,var(--color-green) 16%,var(--color-bg-2));border:1px solid color-mix(in oklab,var(--color-green) 60%,var(--color-line));color:var(--color-green)}.welcome-bonus-text{min-width:0;flex:1}.welcome-bonus-eyebrow{font-family:var(--font-ui);font-size:14px;letter-spacing:2px;color:var(--color-muted)}.welcome-bonus-amount{font-family:var(--font-display);font-size:28px;color:var(--color-text);line-height:1;margin-top:3px}.welcome-bonus-note{font-size:clamp(10.5px,3.1vw,13px);white-space:nowrap;color:var(--color-muted);margin-top:4px}.welcome-ctas{margin-top:0;padding-top:18px;display:flex;flex-direction:column;gap:11px}.welcome-explore{align-self:center;margin-top:2px;padding:9px 14px}@media(prefers-reduced-motion:no-preference){.welcome-stage{animation:welcome-drop .56s var(--ease-out-expo) both}.welcome-headline{animation:welcome-rise .48s var(--ease-out-expo) .12s both}.welcome-subtitle{animation:welcome-rise .48s var(--ease-out-expo) .19s both}.welcome-bonus{animation:welcome-rise .48s var(--ease-out-expo) .26s both}.welcome-ctas{animation:welcome-rise .48s var(--ease-out-expo) .33s both}}@keyframes welcome-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes welcome-drop{0%{opacity:0;transform:translateY(-10px) scale(.985)}to{opacity:1;transform:none}}@media(max-height:780px){.welcome-body{padding-bottom:14px}.welcome-subtitle{margin-top:11px}.welcome-bonus{margin-top:13px}.welcome-ctas{padding-top:14px}}@media(min-width:641px){.welcome-body{max-width:600px;padding-bottom:40px}.welcome-headline .display{font-size:clamp(48px,7.5vw,64px)}.welcome-subtitle{font-size:16px}.welcome-character{height:clamp(300px,40vh,460px)}}