:root{--blue:#2979ff;--blue-deep:#1655d6;--blue-dark:#0f3fa8;--blue-soft:#e6efff;--lime:#b8f34b;--lime-deep:#6fa81a;--lime-soft:#f1fcd9;--pink:#ff5fa2;--pink-deep:#d6337a;--pink-strong:#d6337a;--pink-soft:#ffe8f2;--yellow:#ffd54f;--yellow-deep:#c99400;--yellow-soft:#fff6d6;--white:#f8faff;--navy:#17233b;--navy-2:#22314f;--logo-yellow:#fcdc07;--logo-orange:#fc9d01;--logo-cyan:#25defa;--logo-blue:#018dfc;--logo-navy:#010346;--text:#4a5876;--text-h:var(--navy);--text-muted:#5f6b88;--text-on-dark:#c9d3ea;--text-hero:#3e4c69;--ink-ok:#3f6a05;--ink-error:#c8234f;--bg:var(--white);--surface:#fff;--surface-2:#f5f8ff;--surface-glass:#ffffffdb;--surface-glass-border:#fffffff2;--border:#17233b14;--border-strong:#17233b29;--line:#e9eef8;--focus:var(--blue);--field-bg:#fff;--field-border:#d5e2fb;--field-edge:#e3ebfb;--field-hint:#c3cde3;--placeholder:#8792ad;--soon-text:#5f6b88;--soon-bg:#17233b0f;--soon-border:#17233b33;--font-display:"Fredoka", "Baloo 2", system-ui, sans-serif;--font-body:"Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius-sm:12px;--radius:20px;--radius-lg:28px;--radius-xl:40px;--radius-pill:999px;--shadow-sm:0 2px 6px #17233b0f;--shadow:0 2px 6px #17233b0d, 0 14px 34px -14px #17233b38;--shadow-lg:0 4px 12px #17233b0f, 0 30px 60px -24px #17233b4d;--shadow-blue:0 18px 40px -16px #2979ff8c;--decor-shadow:drop-shadow(0 10px 14px #17233b29);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-spring-soft:cubic-bezier(.34, 1.3, .64, 1);--dur-fast:.16s;--dur:.28s;--dur-slow:.45s;--dur-theme:.8s;--container:1200px;--gutter:20px;--nav-height:72px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px;line-height:1.6}:root[data-theme=dark]{--blue-deep:#8ab4ff;--blue-soft:#2979ff29;--pink-deep:#ff7ab5;--lime-soft:#b8f34b1f;--pink-soft:#ff5fa224;--yellow-soft:#ffd54f1f;--text:#b3bfdc;--text-h:#f3f6ff;--text-muted:#94a1c4;--text-hero:#c3cde8;--ink-ok:#c8f57a;--ink-error:#ff8fa6;--bg:#0a1024;--surface:#121a33;--surface-2:#18223f;--surface-glass:#111a34cc;--surface-glass-border:#94b0ff29;--border:#94b0ff1f;--border-strong:#94b0ff3d;--line:#25335c;--focus:#6ea8ff;--field-bg:#0d1530;--field-border:#5063a0;--field-edge:#26366a;--field-hint:#6575a8;--placeholder:#7d8ab0;--soon-text:#a3b0d2;--soon-bg:#ffffff0d;--soon-border:#ffffff38;--shadow-sm:0 2px 6px #0000004d;--shadow:0 2px 6px #00000040, 0 18px 40px -16px #000000b3;--shadow-lg:0 4px 14px #0000004d, 0 34px 70px -26px #000000d9;--shadow-blue:0 18px 44px -14px #2979ff99;--decor-shadow:drop-shadow(0 12px 18px #00000073);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (width>=640px){:root{--gutter:32px}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height) + 12px)}body{background:var(--bg);min-height:100svh;margin:0;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-h);letter-spacing:-.015em;margin:0;font-weight:700;line-height:1.08}p{margin:0}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}button,input{font:inherit;color:inherit}ul,ol{margin:0;padding:0;list-style:none}::selection{color:var(--navy);background:#2979ff3d}:root[data-theme=dark] ::selection{color:#fff;background:#5c9dff6b}.on-dark ::selection{color:#fff;background:#5c9dff6b}.footer ::selection{color:#fff;background:#5c9dff6b}a,button,label{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:8px}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:80px;position:relative}@media (width>=1024px){.section{padding-block:120px}}.tone-blue{background:var(--blue);color:#fff}.tone-yellow{background:var(--yellow);color:var(--navy)}.tone-pink{background:var(--pink);color:#fff}.tone-lime{background:var(--lime);color:#2f5203}@keyframes scene-float{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-14px)rotate(4deg)}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.reveal-ready [data-reveal]{opacity:0;transition:opacity .8s var(--ease-out-expo) var(--reveal-delay,0s), translate .9s var(--ease-out-expo) var(--reveal-delay,0s), scale .9s var(--ease-out-expo) var(--reveal-delay,0s);translate:0 32px}.reveal-ready [data-reveal=scale]{translate:0 26px;scale:.965}.reveal-ready [data-reveal=left]{translate:-32px}.reveal-ready [data-reveal=right]{translate:32px}@media (width<=767px){.reveal-ready [data-reveal=left],.reveal-ready [data-reveal=right]{translate:0 32px}}.reveal-ready [data-reveal-group]>*{opacity:0;transition:opacity .75s var(--ease-out-expo), translate .85s var(--ease-out-expo);transition-delay:calc(var(--reveal-delay,0s) + var(--i,0) * 90ms);translate:0 20px}.reveal-ready [data-reveal].is-revealed,.reveal-ready [data-reveal-group].is-revealed>*{opacity:1;translate:none;scale:none}[data-parallax]{translate:0 calc(var(--py,0) * 1px)}[data-spotlight]{isolation:isolate;position:relative}[data-spotlight]:before,[data-spotlight]:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity var(--dur-slow) ease;position:absolute;inset:0}[data-spotlight]:after{background:radial-gradient(280px circle at var(--sx,50%) var(--sy,50%), var(--spot-fill,#2979ff14), transparent 65%)}[data-spotlight]:before{background:radial-gradient(220px circle at var(--sx,50%) var(--sy,50%), var(--spot-edge,#2979ff8c), transparent 70%);-webkit-mask-composite:xor;padding:1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}[data-spotlight].is-lit:before,[data-spotlight].is-lit:after{opacity:1}:root[data-theme=dark] [data-spotlight]{--spot-fill:#6ea8ff17;--spot-edge:#8ab4ffb3}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}.theme-switching::view-transition-old(root){mix-blend-mode:plus-lighter;animation-duration:var(--dur-theme);animation-timing-function:var(--ease-in-out);animation-fill-mode:both}.theme-switching::view-transition-new(root){mix-blend-mode:plus-lighter;animation-duration:var(--dur-theme);animation-timing-function:var(--ease-in-out);animation-fill-mode:both}.theme-switching::view-transition-old(root){animation-name:theme-fade-out}.theme-switching::view-transition-new(root){animation-name:theme-fade-in}@keyframes theme-fade-out{0%{opacity:1}to{opacity:0}}@keyframes theme-fade-in{0%{opacity:0}to{opacity:1}}.theme-switching *,.theme-switching :before,.theme-switching :after{transition:none!important}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.reveal-ready [data-reveal],.reveal-ready [data-reveal-group]>*{opacity:1;translate:none;scale:none}[data-parallax]{translate:none}}.logo{border-radius:14px;flex-shrink:0;align-items:center;display:inline-flex}.logo picture{display:block}.logo__img{filter:drop-shadow(0 4px 8px #01034629);width:auto;height:50px;transition:transform .35s var(--ease-spring);-webkit-user-drag:none}.logo:hover .logo__img{transform:rotate(-4deg)scale(1.06)}.logo--footer .logo__img{height:92px}:root[data-theme=dark] .logo__img,.on-dark .logo__img{filter:drop-shadow(0 0 1px #bed7ff8c)drop-shadow(0 6px 18px #25defa38)}@media (width>=960px){.logo--nav .logo__img{height:56px}}.btn{--edge:transparent;border-radius:var(--radius-pill);min-height:48px;font-family:var(--font-display);letter-spacing:.01em;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .3s var(--ease-spring-soft), box-shadow .3s ease, background-color .2s ease, border-color .2s ease, color .2s ease;border:0;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:1.12rem;font-weight:600;display:inline-flex;position:relative}.btn__fx{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.btn__ripple{opacity:0;background:radial-gradient(circle,#ffffffb3,#fff0 65%);border-radius:50%;width:0;height:0;position:absolute;top:0;left:0}.btn--secondary .btn__ripple,.btn--ghost .btn__ripple{background:radial-gradient(circle,#2979ff59,#2979ff00 65%)}.btn>span:not(.btn__fx),.btn>svg{position:relative}.btn--lg{min-height:58px;padding:0 30px;font-size:1.2rem}.btn__icon{transition:transform .3s var(--ease-spring-soft)}.btn:hover .btn__icon{transform:translate(4px)}.btn--primary .btn__fx:before,.btn--pink .btn__fx:before{content:"";background:linear-gradient(100deg,#0000,#ffffff52,#0000);width:40%;position:absolute;top:0;bottom:0;left:0;translate:-110%}@media (hover:hover){.btn--primary:hover .btn__fx:before,.btn--pink:hover .btn__fx:before{transition:translate .75s var(--ease-out);translate:260%}}.btn--primary,.btn--pink{color:#fff;box-shadow:0 5px 0 var(--edge), 0 14px 26px -10px var(--glow)}.btn--primary{--edge:var(--blue-dark);--glow:#2979ffb3;background:linear-gradient(180deg, #ffffff38, transparent 55%), var(--blue)}.btn--pink{--edge:#b52262;--glow:#ff5fa2b3;background:linear-gradient(180deg, #ffffff38, transparent 55%), var(--pink-strong)}.btn--primary:hover,.btn--pink:hover{box-shadow:0 8px 0 var(--edge), 0 20px 30px -10px var(--glow);transform:translateY(-3px)}.btn--primary:active,.btn--pink:active{box-shadow:0 1px 0 var(--edge), 0 6px 14px -8px var(--glow);transition-duration:80ms;transform:translateY(4px)}.btn--secondary:active,.btn--ghost:active{transition-duration:80ms}.btn--secondary{color:var(--blue-deep);background:var(--surface);box-shadow:var(--shadow-sm);border:1.5px solid #2979ff38}:root[data-theme=dark] .btn--secondary{background:#2979ff1f;border-color:#6ea0ff61}:root[data-theme=dark] .btn--secondary:hover{background:#2979ff33;border-color:#8ab4ffb3;box-shadow:0 10px 26px -12px #2979ff99}:root[data-theme=dark] .btn--primary{--glow:#2979ffe6}:root[data-theme=dark] .btn--pink{--glow:#ff5fa2d9}.btn--secondary:hover{box-shadow:var(--shadow);border-color:#2979ff80;transform:translateY(-2px)}.btn--secondary:active{transform:translateY(1px)}.btn--ghost{color:var(--text-h);background:0 0;padding:0 14px}.btn--ghost:hover{color:var(--blue-deep)}.btn--soon,.btn--soon:hover,.btn--soon:active{color:var(--soon-text);background:var(--soon-bg);border:1.5px dashed var(--soon-border);box-shadow:none;cursor:not-allowed;transform:none}.btn__soon-tag{border-radius:var(--radius-pill);background:var(--yellow);color:var(--navy);font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;padding:2px 9px;font-size:.68rem;font-weight:800}.on-dark .btn--soon,.on-dark .btn--soon:hover{color:#aab6d3;background:#ffffff12;border-color:#ffffff40}.theme-toggle{background:radial-gradient(circle at 50% 50%, #fcdc0747, transparent 70%), var(--yellow-soft);cursor:pointer;width:46px;height:46px;transition:transform .25s var(--ease-spring), border-color .3s ease, box-shadow .3s ease;border:1.5px solid #d6800080;border-radius:50%;flex-shrink:0;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.theme-toggle:hover{transform:translateY(-2px)rotate(-8deg);box-shadow:0 8px 18px -8px #fc9d01b3}.theme-toggle:active{transition-duration:80ms;transform:scale(.9)}.theme-toggle svg{width:24px;height:24px;transition:transform .5s var(--ease-spring), opacity .3s ease;position:absolute}.theme-toggle__sun circle{fill:var(--logo-orange);stroke:#b86200;stroke-width:1.4px}.theme-toggle__rays{stroke:#b86200;stroke-width:2.2px;stroke-linecap:round;transform-origin:12px 12px;transition:transform .6s var(--ease-out)}.theme-toggle:hover .theme-toggle__rays{transform:rotate(45deg)}.theme-toggle__moon path{fill:#e9f4ff}.theme-toggle__moon .theme-toggle__star{fill:var(--logo-cyan);transform-origin:17px 5px}.theme-toggle:hover .theme-toggle__star{animation:.8s ease-in-out toggle-twinkle}@keyframes toggle-twinkle{50%{transform:scale(1.6)rotate(45deg)}}.theme-switching .theme-toggle svg{transition:transform .6s var(--ease-spring-soft), opacity .35s ease!important}.theme-toggle__moon{opacity:0;transform:translateY(18px)rotate(-60deg)scale(.5)}:root[data-theme=dark] .theme-toggle{background:radial-gradient(circle,#25defa29,#0000 70%),#141f42;border-color:#25defa52}:root[data-theme=dark] .theme-toggle:hover{box-shadow:0 8px 20px -8px #25defa99}:root[data-theme=dark] .theme-toggle__sun{opacity:0;transform:translateY(18px)rotate(90deg)scale(.5)}:root[data-theme=dark] .theme-toggle__moon{opacity:1;filter:drop-shadow(0 0 6px #25defa8c);transform:none}.nav{z-index:50;margin-bottom:calc(-1 * (var(--nav-height) + 12px));pointer-events:none;--nav-glass:#ffffffb8;--nav-glass-solid:#ffffffeb;--nav-border:#ffffffe6;--nav-shadow:0 10px 30px -14px #17233b40;--nav-shadow-solid:0 14px 34px -14px #17233b4d;padding-top:12px;position:sticky;top:0}:root[data-theme=dark] .nav{--nav-glass:#0e162ea8;--nav-glass-solid:#0e162ee6;--nav-border:#94b0ff24;--nav-shadow:0 10px 30px -14px #0009;--nav-shadow-solid:0 14px 34px -12px #000000bf}.nav__inner{animation:nav-in .65s var(--ease-out-expo) backwards}@keyframes nav-in{0%{opacity:0;translate:0 -16px}}.nav__inner{pointer-events:auto;height:var(--nav-height);border-radius:var(--radius-pill);background:var(--nav-glass);border:1px solid var(--nav-border);box-shadow:var(--nav-shadow);-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);align-items:center;gap:8px;padding:0 10px 0 14px;transition:background-color .3s,box-shadow .3s;display:flex;position:relative}.nav--scrolled .nav__inner{background:var(--nav-glass-solid);box-shadow:var(--nav-shadow-solid)}.nav__inner>.logo{margin-right:auto}.nav__toggle{background:var(--blue-soft);cursor:pointer;border:0;border-radius:50%;flex-direction:column;justify-content:center;gap:5px;width:46px;height:46px;padding:0 12px;display:inline-flex}.nav__toggle-bar{background:var(--blue-deep);height:2.5px;transition:transform .3s var(--ease-out), opacity .2s ease;border-radius:2px;display:block}.nav--open .nav__toggle-bar:first-child{transform:translateY(7.5px)rotate(45deg)}.nav--open .nav__toggle-bar:nth-child(2){opacity:0}.nav--open .nav__toggle-bar:nth-child(3){transform:translateY(-7.5px)rotate(-45deg)}.nav__menu{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);visibility:hidden;opacity:0;transform-origin:top;transition:opacity .25s ease, transform .3s var(--ease-out), visibility .25s;padding:10px 16px 18px;position:absolute;top:calc(100% + 10px);left:0;right:0;transform:translateY(-10px)scale(.98)}.nav--open .nav__menu{visibility:visible;opacity:1;transform:none}.nav__links{flex-direction:column;display:flex}.nav--open .nav__links li,.nav--open .nav__actions{animation:nav-item .4s var(--ease-out) both;animation-delay:calc(60ms + var(--i,3) * 45ms)}@keyframes nav-item{0%{opacity:0;transform:translateY(-8px)}}@keyframes nav-item-in{0%{opacity:0;translate:0 -6px}}.nav__pill{display:none}.nav__link{border-bottom:1px solid var(--border);color:var(--text-h);padding:14px 6px;font-size:1.05rem;font-weight:700;transition:color .2s;display:block;position:relative}.nav__link.is-active{color:var(--blue-deep)}.nav__link.is-active:before{content:"";background:var(--blue);border-radius:50%;width:8px;height:8px;margin-top:-4px;position:absolute;top:50%;right:6px}.nav__actions{flex-direction:column;gap:12px;margin-top:18px;display:flex}@media (width>=960px){.nav__inner{padding:0 10px 0 22px}.nav__links li,.nav__actions,.nav__inner>.theme-toggle{animation:nav-item-in .55s var(--ease-out-expo) backwards;animation-delay:calc(.14s + var(--i,3) * 50ms)}.nav__toggle{display:none}.nav__menu{box-shadow:none;visibility:visible;opacity:1;background:0 0;border:0;border-radius:0;flex:1;justify-content:space-between;align-items:center;gap:24px;margin-left:36px;padding:0;display:flex;position:static;transform:none}.nav__links-wrap{position:relative}.nav__links{flex-direction:row;gap:6px;position:relative}.nav__pill{width:var(--pill-w,0px);border-radius:var(--radius-pill);background:var(--blue-soft);opacity:0;height:40px;transform:translateX(var(--pill-x,0px)) scale(.85);transition:transform .45s var(--ease-spring-soft), width .45s var(--ease-spring-soft), opacity .25s ease;margin-top:-20px;display:block;position:absolute;top:50%;left:0;box-shadow:inset 0 0 0 1px #2979ff29}.nav__links-wrap.has-active .nav__pill{opacity:1;transform:translateX(var(--pill-x,0px))}.nav__link{color:var(--text);border:0;padding:8px 12px;font-size:.98rem;transition:color .2s}.nav__link:after{content:"";background:linear-gradient(90deg, var(--blue), var(--pink));transform-origin:100%;height:3px;transition:transform .35s var(--ease-out);border-radius:3px;position:absolute;bottom:2px;left:12px;right:12px;transform:scaleX(0)}.nav__link:hover,.nav__link.is-active{color:var(--text-h)}.nav__link.is-active:before{display:none}.nav__link:hover:after,.nav__link:focus-visible:after{transform-origin:0;transform:scaleX(1)}.nav__actions{flex-direction:row;margin-top:0}.nav__inner>.theme-toggle{margin-left:4px}.nav__actions .btn{min-height:48px;font-size:1.02rem}.nav__link{white-space:nowrap}}@media (width>=960px) and (width<=1099px){.nav__menu{gap:12px;margin-left:14px}.nav__links{gap:0}.nav__link{padding-inline:9px;font-size:.94rem}.nav__link:after{left:9px;right:9px}.nav__actions{gap:8px}.nav__actions .btn{padding:0 16px;font-size:.96rem}}.footer{border-radius:var(--radius-xl) var(--radius-xl) 0 0;color:var(--text-on-dark);background:radial-gradient(600px 300px at 90% 0%, #2979ff59, transparent 70%), radial-gradient(500px 260px at 0% 100%, #ff5fa22e, transparent 70%), var(--navy);margin-top:40px;padding:64px 0 28px;position:relative;overflow:hidden}:root[data-theme=dark] .footer{background:radial-gradient(600px 300px at 90% 0,#2979ff3d,#0000 70%),radial-gradient(500px 260px at 0 100%,#ff5fa21f,#0000 70%),#060b1c;box-shadow:inset 0 1px #94b0ff29}.footer__top{gap:40px;display:grid}.footer__tagline{max-width:340px;margin-top:14px;font-size:.96rem}.footer__perks{gap:16px;display:grid}.footer__perks li{color:#fff;align-items:center;gap:12px;font-weight:700;line-height:1.3;display:flex}.footer__perk-detail{color:var(--text-on-dark);font-weight:600}.footer__perk-icon{border-radius:13px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.footer__heading{color:#fff;font-family:var(--font-display);margin-bottom:12px;font-size:1.1rem;font-weight:600}.footer__links{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;display:grid}.footer__links a{color:var(--text-on-dark);font-size:.96rem;transition:color .2s;position:relative}.footer__links a:hover{color:var(--lime)}.footer__bottom{color:#9aa7c4;border-top:1px solid #ffffff1a;flex-direction:column;gap:14px;margin-top:48px;padding-top:22px;font-size:.86rem;display:flex}.footer__status{align-items:center;gap:8px;font-weight:700;display:inline-flex}.footer__status-dot{background:currentColor;border-radius:50%;width:8px;height:8px}.footer__status--ok{color:var(--lime)}.footer__status--waiting{color:var(--yellow)}.footer__status--offline{color:#ff9db4}.footer__status--waiting .footer__status-dot{animation:1.2s ease-in-out infinite footer-pulse}@keyframes footer-pulse{50%{opacity:.3}}@media (width>=640px){.footer__perks{grid-template-columns:repeat(3,auto);justify-content:start;gap:28px}.footer__bottom{flex-direction:row;justify-content:space-between;align-items:center}}@media (width>=1024px){.footer__top{grid-template-columns:1.1fr 1.5fr .8fr;align-items:center}.footer__links{grid-template-columns:1fr}}.badge{border-radius:var(--radius-pill);letter-spacing:.01em;white-space:nowrap;border:1px solid #0000;align-items:center;gap:8px;padding:6px 14px;font-size:.8rem;font-weight:700;display:inline-flex}.badge__dot{width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, currentColor 20%, transparent);background:currentColor;border-radius:50%}.badge--blue{color:var(--blue-deep);box-shadow:var(--shadow-sm);background:#fff;border-color:#2979ff33}.badge--yellow{color:#7a5600;background:var(--yellow-soft);border-color:#ffd54fe6}.badge--pink{color:#b01e60;background:var(--pink-soft);border-color:#ff5fa259}.badge--lime{color:#3f6a05;background:var(--lime-soft);border-color:#95cd2880}.badge--muted{color:var(--text);border-color:var(--border);background:#17233b0d}.badge--glow{color:var(--yellow);background:#ffd54f1f;border-color:#ffd54f73}:root[data-theme=dark] .badge--blue{color:#a9c8ff;box-shadow:none;background:#2979ff24;border-color:#6ea0ff59}:root[data-theme=dark] .badge--yellow{color:var(--yellow);border-color:#ffd54f66}:root[data-theme=dark] .badge--pink{color:#ff9cc8;border-color:#ff5fa266}:root[data-theme=dark] .badge--lime{color:#c8f57a;border-color:#b8f34b59}:root[data-theme=dark] .badge--muted{background:#ffffff0f}.hero:not(.is-playing) .scene,.hero:not(.is-playing) .scene *{animation-play-state:paused}.scene{--cloud:#fff;pointer-events:none;perspective:1100px;position:absolute;inset:0;overflow:hidden}.parallax{transform:translate3d(calc(var(--mx,0) * var(--depth,1) * -14px), calc(var(--my,0) * var(--depth,1) * -10px + var(--sy,0) * var(--depth,1) * -.18px), 0);transition:transform .5s var(--ease-out);will-change:transform;position:absolute}.float{animation:6s ease-in-out infinite scene-float;animation-delay:var(--float-delay,0s)}.scene__glow{filter:blur(60px);opacity:.55;border-radius:50%;position:absolute}.scene__glow--pink{background:#ffc2dc;width:420px;height:320px;top:8%;right:-120px}.scene__glow--lime{background:#e2fbb4;width:380px;height:260px;bottom:6%;left:-140px}.scene__track{animation:.9s ease-out .3s backwards scene-fade-in}.scene__cloud{animation:cloud-in .9s var(--ease-out-expo) .6s backwards}.scene__sparkle{animation:.5s ease-out .95s backwards scene-fade-in}.scene__buddy{animation:buddy-in .6s var(--ease-spring-soft) backwards;animation-delay:calc(.72s + var(--k,0) * 60ms)}@keyframes scene-fade-in{0%{opacity:0}}@keyframes cloud-in{0%{opacity:0;translate:-18px}}@keyframes buddy-in{0%{opacity:0;translate:0 14px;scale:.85}}.scene__cloud{filter:drop-shadow(0 10px 18px #2979ff1f);width:100%;height:auto}.scene__cloud-shape{fill:var(--cloud)}.scene__cloud-wrap{animation:30s ease-in-out infinite alternate scene-drift}.scene__cloud-wrap--1{opacity:.9;width:190px;top:92px;left:38%}.scene__cloud-wrap--2{width:240px;animation-duration:38s;top:40px;right:-60px}.scene__cloud-wrap--3{opacity:.8;width:150px;animation-duration:26s;bottom:34%;left:-40px}@keyframes scene-drift{to{translate:40px}}.scene__track{perspective:420px;opacity:.85;width:760px;height:420px;margin-left:-380px;position:absolute;bottom:-40px;left:50%;-webkit-mask-image:linear-gradient(0deg,#0000 0,#000 22% 45%,#0000 95%);mask-image:linear-gradient(0deg,#0000 0,#000 22% 45%,#0000 95%)}.scene__lanes{transform-origin:bottom;grid-template-columns:repeat(4,1fr);gap:10px;padding:0 10px;display:grid;position:absolute;inset:0;transform:rotateX(66deg)}.scene__lane{background-image:repeating-linear-gradient(#ffffff59 0 22px,#0000 22px 60px);background-size:100% 60px;border-radius:14px;animation:1.2s linear infinite scene-run;box-shadow:inset 0 0 0 3px #ffffff59}.scene__lane--a{background-color:var(--blue)}.scene__lane--b{background-color:var(--pink)}.scene__lane--c{background-color:var(--yellow)}.scene__lane--d{background-color:var(--lime)}@keyframes scene-run{to{background-position:0 60px}}.scene__block svg{filter:drop-shadow(0 14px 18px #17233b2e)}.scene__block.parallax{transform:translate3d(calc(var(--mx,0) * var(--depth,1) * -14px), calc(var(--my,0) * var(--depth,1) * -10px + var(--sy,0) * var(--depth,1) * -.18px), 0) rotateX(calc(var(--my,0) * var(--depth,1) * -5deg)) rotateY(calc(var(--mx,0) * var(--depth,1) * 6deg))}.scene__bump{display:block}.scene__bump>svg{animation:block-in .6s var(--ease-spring-soft) backwards;animation-delay:calc(.64s + var(--n,0) * 45ms)}@keyframes block-in{0%{opacity:0;translate:0 22px;scale:.7}}@media (hover:hover) and (pointer:fine){.scene__block .float{pointer-events:auto}.scene__block .float:hover .scene__bump{animation:block-bump .55s var(--ease-spring)}}@keyframes block-bump{35%{transform:translateY(-16px)scale(1.08)rotate(-6deg)}65%{transform:translateY(3px)scale(.97)}}.scene__block--q1{top:84px;right:-18px}.scene__block--b1{top:46%;left:-64px}.scene__block--p1,.scene__block--l1{display:none}.scene__block--y2{bottom:120px;right:-12px}.scene__block--q2{display:none}.scene__block svg{width:calc(var(--s,1) * 100%)}.scene__sky-light{view-transition-name:sky-light;width:64px;height:64px;top:96px;right:22%}.scene__sun,.scene__moon{animation:sky-light-in .8s var(--ease-out-expo) backwards;border-radius:50%;animation-delay:.6s;position:absolute;inset:0}@keyframes sky-light-in{0%{opacity:0;translate:0 24px;scale:.8}}.scene__sun{background:radial-gradient(circle at 40% 38%, #fffbe0, #ffe36b 45%, var(--logo-orange) 100%);box-shadow:0 0 0 10px #ffdc5a38,0 0 50px 18px #ffd24673}.scene__moon{opacity:0;background:radial-gradient(circle at 64% 30%,#beaf8273 0 6px,#0000 7px),radial-gradient(circle at 34% 62%,#beaf8266 0 9px,#0000 10px),radial-gradient(circle at 70% 70%,#beaf8259 0 4px,#0000 5px),radial-gradient(circle at 38% 34%,#fffdf2,#f5ebc4 60%,#e4d39a);box-shadow:0 0 0 12px #fff4c80f,0 0 46px 10px #ffecaa59,0 0 140px 40px #25defa1f}.theme-switching::view-transition-group(sky-light){animation-duration:var(--dur-theme)}.theme-switching::view-transition-old(sky-light){animation:sky-set .6s var(--ease-in-out) both}.theme-switching::view-transition-new(sky-light){animation:sky-rise .9s var(--ease-out-expo) .18s both}@keyframes sky-set{to{opacity:0;translate:18px 34px;scale:.75}}@keyframes sky-rise{0%{opacity:0;translate:-18px 34px;scale:.75}}.scene__night{animation:1.2s ease-out .2s backwards night-in;position:absolute;inset:0}.theme-arrive .scene__night{animation-name:night-in-again;animation-delay:.3s}@keyframes night-in{0%{opacity:0}}@keyframes night-in-again{0%{opacity:0}}.scene__stars{opacity:.75;background-image:radial-gradient(1.6px 1.6px at 20px 30px,#fff,#0000),radial-gradient(1.2px 1.2px at 140px 80px,#dbe8ff,#0000),radial-gradient(1.8px 1.8px at 90px 150px,#fff,#0000),radial-gradient(1.2px 1.2px at 210px 40px,#c8f6ff,#0000),radial-gradient(1.4px 1.4px at 250px 190px,#fff,#0000),radial-gradient(1px 1px at 60px 220px,#dbe8ff,#0000);background-size:280px 260px;display:none;position:absolute;inset:0 0 35%;-webkit-mask-image:linear-gradient(#000 110px,#0000 190px);mask-image:linear-gradient(#000 110px,#0000 190px)}.scene__stars--twinkle{background-image:radial-gradient(2px 2px at 110px 60px,#fff,#0000),radial-gradient(1.6px 1.6px at 30px 170px,#fff4c2,#0000),radial-gradient(2.2px 2.2px at 230px 120px,#c8f6ff,#0000);background-size:300px 240px;animation:3.4s ease-in-out infinite alternate stars-twinkle}@keyframes stars-twinkle{0%{opacity:.2}to{opacity:1}}@media (width>=800px) and (width<=1023px){.scene__stars{-webkit-mask-image:linear-gradient(#000 110px,#0000 190px),radial-gradient(220px 360px at 100% 360px,#000 30%,#0000);mask-image:linear-gradient(#000 110px,#0000 190px),radial-gradient(220px 360px at 100% 360px,#000 30%,#0000)}}@media (width>=1024px){.scene__stars{-webkit-mask-image:linear-gradient(#000 150px,#0000 360px),radial-gradient(140px 260px at calc(50% - 720px) 320px,#000 45%,#0000),radial-gradient(140px 260px at calc(50% + 720px) 320px,#000 45%,#0000);mask-image:linear-gradient(#000 150px,#0000 360px),radial-gradient(140px 260px at calc(50% - 720px) 320px,#000 45%,#0000),radial-gradient(140px 260px at calc(50% + 720px) 320px,#000 45%,#0000)}}@media (width>=1600px){.scene__stars{-webkit-mask-image:linear-gradient(#000 150px,#0000 360px),radial-gradient(300px 280px at calc(50% - 900px) 320px,#000 45%,#0000),radial-gradient(300px 280px at calc(50% + 900px) 320px,#000 45%,#0000);mask-image:linear-gradient(#000 150px,#0000 360px),radial-gradient(300px 280px at calc(50% - 900px) 320px,#000 45%,#0000),radial-gradient(300px 280px at calc(50% + 900px) 320px,#000 45%,#0000)}}.scene__sparkle svg{fill:var(--yellow);filter:drop-shadow(0 4px 8px #ffc40080)}.scene__sparkle--1{top:140px;left:52%}.scene__sparkle--2{bottom:42%;right:8%}.scene__sparkle svg{animation:2.6s ease-in-out infinite scene-twinkle}.scene__sparkle--2 svg{animation-delay:-1.3s}@keyframes scene-twinkle{0%,to{opacity:.7;transform:scale(.8)rotate(0)}50%{opacity:1;transform:scale(1.15)rotate(20deg)}}.scene__stage{max-width:var(--container);margin-inline:auto;position:absolute;inset:0}.scene__buddy{display:none}.scene__buddy .float{animation-duration:4.5s;position:relative}.scene__bubble{border-radius:var(--radius-pill);background:var(--surface);color:var(--text-h);font-family:var(--font-display);white-space:nowrap;box-shadow:var(--shadow);padding:4px 12px;font-size:.9rem;font-weight:600;position:absolute;top:-14px;left:50%;translate:-10% -100%}.scene__bubble--lime{background:var(--lime);color:var(--navy)}@media (width<=639px){.scene__sky-light{width:42px;height:42px;top:78px;left:41%;right:auto}}@media (width>=640px){.scene__block--p1{display:block;top:120px;left:46%}.scene__track{width:900px;margin-left:-450px}}@media (width>=1024px){.scene__track{width:1000px;height:360px;margin-left:-500px}.scene__block--q1{top:96px;left:50%;right:auto}.scene__block--b1{top:36%;left:-48px}.scene__block--p1{top:auto;bottom:12%;left:8%}.scene__block--l1{display:block;top:22%;right:-26px}.scene__block--y2{bottom:16%;right:3%}.scene__block--q2{display:block;top:128px;left:4%}.scene__sparkle--1{top:170px;left:44%}.scene__buddy{display:block}.scene__buddy--1{top:31%;right:calc(var(--gutter) + 420px - 6px)}.scene__buddy--2{bottom:13%;right:0}.scene__buddy--3{bottom:40px;left:47%}}@media (width>=1024px) and (width<=1279px){.scene__block--b1{left:-84px}.scene__buddy--1{display:none}}@media (width>=1280px){.scene__buddy--1{right:calc(var(--gutter) + 440px)}}@media (width>=1024px){.scene__sky-light{width:96px;height:96px;margin-left:-48px;inset:auto auto 132px 50%}}:root[data-theme=dark] .scene{--cloud:#1c2a58}:root[data-theme=dark] .scene__stars{display:block}:root[data-theme=dark] .scene__sun{opacity:0}:root[data-theme=dark] .scene__moon{opacity:1}:root[data-theme=dark] .scene__cloud{filter:drop-shadow(0 -2px #96beff2e)drop-shadow(0 10px 22px #00000059)}:root[data-theme=dark] .scene__cloud-wrap{opacity:.85}:root[data-theme=dark] .scene__glow{opacity:.5}:root[data-theme=dark] .scene__glow--pink{background:#ff5fa28c}:root[data-theme=dark] .scene__glow--lime{background:#25defa66}:root[data-theme=dark] .scene__track{opacity:.95;-webkit-mask-image:linear-gradient(0deg,#0000 0 44px,#000 34% 45%,#0000 95%);mask-image:linear-gradient(0deg,#0000 0 44px,#000 34% 45%,#0000 95%)}:root[data-theme=dark] .scene__lane{box-shadow:inset 0 0 0 3px #fff6, 0 0 34px -2px var(--lane-glow);background-image:repeating-linear-gradient(#ffffff73 0 22px,#0000 22px 60px)}.scene__lane--a{--lane-glow:#2979ffe6}.scene__lane--b{--lane-glow:#ff5fa2d9}.scene__lane--c{--lane-glow:#ffd54fcc}.scene__lane--d{--lane-glow:#b8f34bcc}:root[data-theme=dark] .scene__block svg{filter:drop-shadow(0 0 16px color-mix(in srgb, var(--glow,#2979ff) 55%, transparent)) drop-shadow(0 14px 18px #00000073)}:root[data-theme=dark] .scene__sparkle svg{filter:drop-shadow(0 0 10px #ffd54fe6)}:root[data-theme=dark] .scene__bubble{border:1px solid var(--border-strong);box-shadow:0 10px 24px -10px #000000b3}.join-card{width:100%;max-width:440px;margin-inline:auto;position:relative}.join-card__form{border-radius:var(--radius-lg);background:var(--surface-glass);border:1px solid var(--surface-glass-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex-direction:column;gap:18px;padding:26px 22px 22px;display:flex;position:relative;box-shadow:0 2px 6px #17233b0d,0 30px 60px -22px #17233b59}.join-card__form:before{content:"";background:linear-gradient(90deg, var(--blue) 0 25%, var(--pink) 25% 50%, var(--yellow) 50% 75%, var(--lime) 75%);border-radius:0 0 6px 6px;height:5px;position:absolute;top:0;left:28px;right:28px}.join-card__title{font-size:1.75rem}.join-card__hint{margin-top:4px;font-size:.95rem}.join-card__field{flex-direction:column;gap:8px;display:flex}.join-card__label{color:var(--text-h);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;font-weight:800}.join-card__help{min-height:1.3em;color:var(--text-muted);align-items:center;gap:6px;font-size:.8rem;font-weight:600;transition:color .2s;display:inline-flex}.join-card__help--ok{color:var(--ink-ok);font-weight:800}.join-card__help--error{color:var(--ink-error);font-weight:800}.join-card__help--warn{color:#9a6400;font-weight:800}:root[data-theme=dark] .join-card__help--warn{color:var(--yellow)}.join-card__help svg{animation:help-pop .35s var(--ease-spring);flex-shrink:0}@keyframes help-pop{0%{transform:scale(.3)}}.code-input{position:relative}.code-input__field{z-index:1;border-radius:var(--radius);color:#0000;caret-color:#0000;cursor:text;background:0 0;border:0;width:100%;font-size:16px;position:absolute;inset:0}.code-input__field::selection{background:0 0}.code-input__field:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.code-input__slots{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.code-input__slot{aspect-ratio:1/1.05;border:2px solid var(--field-border);background:var(--field-bg);color:var(--field-hint);font-family:var(--font-display);box-shadow:0 4px 0 var(--field-edge);transition:border-color .2s ease, box-shadow .2s ease, transform .25s var(--ease-spring), background-color .2s ease;border-radius:16px;place-items:center;font-size:clamp(1.6rem,7vw,2rem);font-weight:600;display:grid}.code-input__letter{display:inline-block}.code-input__slot{position:relative}.code-input:not(.is-complete):focus-within .code-input__slot.is-next:not(.is-filled):after{content:"";background:var(--blue);border-radius:3px;width:34%;height:3px;margin-left:-17%;animation:1.1s step-end infinite caret-blink;position:absolute;bottom:16%;left:50%}@keyframes caret-blink{50%{opacity:0}}.code-input:not(.is-complete):focus-within .code-input__slot.is-next:not(.is-filled){color:color-mix(in srgb, var(--field-hint) 55%, transparent)}.code-input__slot.is-filled{border-color:var(--blue);background:var(--blue-soft);color:var(--text-h);box-shadow:0 4px 0 var(--blue)}.code-input__slot.is-filled .code-input__letter{animation:slot-pop .35s var(--ease-spring)}@keyframes slot-pop{0%{opacity:0;transform:translateY(-10px)scale(.6)}}.code-input.is-complete .code-input__slot{border-color:var(--lime-deep);background:var(--lime-soft);box-shadow:0 4px 0 var(--lime-deep);animation:slot-win .5s var(--ease-spring) both;animation-delay:calc(var(--slot,0) * 60ms)}@keyframes slot-win{40%{transform:translateY(-6px)scale(1.06)}}.code-input:not(.is-complete):focus-within .code-input__slot.is-next{border-color:var(--blue);box-shadow:0 4px 0 var(--blue), 0 0 0 4px #2979ff2e;transform:translateY(-2px)}:root .code-input.is-rejected .code-input__slot.is-next,:root .code-input.is-rejected.is-complete .code-input__slot{border-color:var(--ink-error);background:color-mix(in srgb, var(--ink-error) 10%, var(--field-bg));box-shadow:0 4px 0 var(--ink-error), 0 0 0 4px color-mix(in srgb, var(--ink-error) 18%, transparent)}.join-card__input{border:2px solid var(--field-border);background:var(--field-bg);width:100%;min-height:54px;color:var(--text-h);border-radius:16px;padding:0 16px;font-size:1.05rem;font-weight:700;transition:border-color .25s,box-shadow .25s,background-color .25s}.join-card__input::placeholder{color:var(--placeholder);font-weight:600}.join-card__input:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 4px #2979ff2e}.join-card__input[aria-invalid=true]{border-color:var(--ink-error)}.join-card__input.is-valid:not(:focus){border-color:var(--lime-deep)}.join-card__input[aria-invalid=true]:focus{box-shadow:0 0 0 2px var(--field-bg), 0 0 0 5px var(--focus)}.join-card__submit{width:100%;margin-top:2px}.join-card__note{color:var(--text-muted);text-align:center;font-size:.85rem}@media (width>=640px){.join-card__form{padding:32px 30px 26px}}:root[data-theme=dark] .join-card__form{box-shadow:0 0 0 1px #2979ff14,0 30px 70px -24px #000000d9,0 0 80px -30px #2979ff8c}:root[data-theme=dark] .code-input__slot.is-filled{box-shadow:0 4px 0 var(--blue), 0 0 22px -6px #2979ffcc;background:#2979ff33}:root[data-theme=dark] .code-input.is-complete:not(.is-rejected) .code-input__slot{border-color:var(--lime);background:#b8f34b24;box-shadow:0 4px #7fb526,0 0 22px -6px #b8f34bb3}@media (forced-colors:active){.code-input__field{forced-color-adjust:none;color:#0000;caret-color:#0000}.code-input__slot:not(.is-filled){color:graytext}.code-input__slot.is-filled{border-color:highlight}}.hero{isolation:isolate;padding:calc(var(--nav-height) + 48px) 0 150px;background:linear-gradient(180deg, #a9cdff 0%, #cfe2ff 32%, #eaf2ff 62%, var(--bg) 100%);position:relative;overflow:hidden}:root[data-theme=dark] .hero{background: linear-gradient(180deg, transparent calc(100% - 160px), var(--bg)), radial-gradient(700px 420px at 10% 72%, #2979ff33, transparent 70%), linear-gradient(180deg, #050b22 0%, #0a1636 34%, #0f1e48 62%, var(--bg) 100%)}.hero__inner{z-index:1;pointer-events:none;gap:44px;display:grid;position:relative}.hero__inner>*{pointer-events:auto}.hero__copy{flex-direction:column;align-items:flex-start;gap:22px;display:flex}.hero__title{letter-spacing:-.025em;font-size:clamp(2.1rem,10.5vw,4.6rem);line-height:1.04}.hero__word{white-space:nowrap;animation:hero-word .7s var(--ease-out-expo) backwards;animation-delay:calc(.14s + var(--i,0) * 50ms);display:inline-block;position:relative}@keyframes hero-word{0%{opacity:0;filter:blur(var(--word-blur,0px));translate:0 .42em}to{opacity:1;filter:none;translate:none}}@media (width>=768px){.hero__title{--word-blur:6px}}.hero__word--blue{color:var(--blue)}:root[data-theme=dark] .hero__word--blue{color:#5c9dff;text-shadow:0 0 28px #2979ff73}:root[data-theme=dark] .hero__word--pink,:root[data-theme=dark] .hero__word--fun{background-image:linear-gradient(90deg,#ff5fa2,#ff8cc4)}.hero__word--pink,.hero__word--fun{color:#e0367f;background:linear-gradient(90deg,#e0367f,#ef4c90);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero__squiggle{width:104%;height:.32em;position:absolute;bottom:-.16em;left:-2%;overflow:visible}.hero__squiggle path{fill:none;stroke:var(--lime);stroke-width:6px;stroke-linecap:round;stroke-dasharray:140;stroke-dashoffset:140px;animation:hero-draw .6s var(--ease-out) forwards;filter:drop-shadow(0 2px #6fa81a99);animation-delay:.78s}@keyframes hero-draw{to{stroke-dashoffset:0}}.hero__intro,.hero__subtitle,.hero__actions>*,.hero__highlights li{animation:hero-rise .7s var(--ease-out-expo) backwards}.hero__intro{animation-delay:80ms}.hero__subtitle{animation-delay:.38s}.hero__actions>:first-child{animation-delay:.47s}.hero__actions>:nth-child(2){animation-delay:.53s}.hero__highlights li{animation-delay:calc(.6s + var(--i,0) * 60ms)}@keyframes hero-rise{0%{opacity:0;translate:0 16px}to{opacity:1;translate:none}}.hero__subtitle{max-width:520px;color:var(--text-hero);font-size:1.1rem}.hero__actions{flex-wrap:wrap;gap:14px;width:100%;margin-top:4px;display:flex}.hero__highlights{color:var(--text-h);flex-wrap:wrap;gap:10px 22px;font-size:.92rem;font-weight:700;display:flex}.hero__highlights li{align-items:center;gap:8px;display:inline-flex}.hero__chip{width:30px;height:30px;box-shadow:var(--shadow-sm);border-radius:10px;place-items:center;display:inline-grid}.hero__chip--lime{background:var(--lime);color:#2f5203}.hero__chip--blue{background:var(--blue);color:#fff}.hero__chip--pink{background:var(--pink);color:#fff}.hero__join{animation:hero-card .8s var(--ease-out-expo) backwards;animation-delay:.56s;position:relative}@keyframes hero-card{0%{opacity:0;translate:0 28px;scale:.97}to{opacity:1;translate:none;scale:none}}@media (width<=479px){.hero__actions .btn{flex:100%}}@media (width>=1024px){.hero{padding:calc(var(--nav-height) + 80px) 0 190px}.hero__inner{grid-template-columns:1.15fr .85fr;align-items:center;gap:72px}.hero__subtitle{font-size:1.2rem}.hero__title{font-size:clamp(2.6rem,5.6vw,4.6rem)}.hero__join{justify-self:end;width:100%;max-width:420px}}.section-heading{text-align:center;max-width:680px;margin:0 auto 44px}.section-heading--left{text-align:left;margin-inline:0}.section-heading__eyebrow{color:var(--blue-deep);letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px;font-size:.82rem;font-weight:800}.section-heading__title{font-size:clamp(2rem,5.2vw,3rem)}.section-heading__subtitle{margin-top:14px;font-size:1.08rem}.text-blue{color:var(--blue)}:root[data-theme=dark] .text-blue{color:#5c9dff}.text-pink{color:var(--pink-deep)}@media (width>=1024px){.section-heading{margin-bottom:56px}}.wr{--loop:7s;margin:0}.wr__screen{background:#0f1a33;border:4px solid #ffffff24;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #00000040,0 24px 50px -20px #0009,inset 0 0 0 1px #ffffff0f}.wr__scene{width:100%;height:auto}.wr__hud{z-index:1;grid-template-columns:1fr auto;grid-template-areas:"question score""timer timer";align-items:center;gap:6px 8px;display:grid;position:absolute;top:10px;left:10px;right:10px}.wr__question{color:#fff;font-family:var(--font-display);background:#17233be0;border-radius:12px;grid-area:question;justify-self:start;padding:6px 12px;font-size:clamp(.72rem,2.6vw,.95rem);font-weight:600;line-height:1.2}.wr__score{color:var(--navy);font-family:var(--font-display);background:#fff;border-radius:12px;grid-area:score;align-items:center;gap:6px;padding:5px 10px;font-size:clamp(.72rem,2.6vw,.9rem);font-weight:700;display:flex}.wr__score-label{color:#5f6b88;font-weight:600}.wr__score-values{min-width:2.2em;display:inline-grid;position:relative}.wr__score-before,.wr__score-after{grid-area:1/1}.wr__score-before{opacity:0}.wr__score-after{color:var(--lime-deep)}.wr__timer{background:#17233b59;border-radius:7px;grid-area:timer;height:7px;overflow:hidden}.wr__timer-fill{border-radius:inherit;background:linear-gradient(90deg, var(--lime), var(--yellow));transform-origin:0;height:100%;display:block;transform:scaleX(0)}.wr__player{transform:translate(252px)}.wr__points{fill:#fff;stroke:var(--lime-deep);stroke-width:5px;paint-order:stroke;font-family:var(--font-display);font-size:24px;font-weight:700;transform:translateY(-6px)}.wr__wall{transform-box:view-box;transform-origin:200px 20px;opacity:.95;transform:scale(.82)}.wr__block-letter{fill:#fff;font-family:var(--font-display);font-size:36px;font-weight:700}.wr__block-answer{fill:#fff;font-family:var(--font-body);font-size:14px;font-weight:800}.wr__gate-text{fill:#20360a;font-family:var(--font-display);font-size:13px;font-weight:700}.wr__lane-label text{fill:var(--navy);font-family:var(--font-body);font-size:11px;font-weight:800}.wr__glow{opacity:.55}.wr__confetti{transform:translate(252px,168px)}.wr__bit{opacity:0}.wr__correct{opacity:1}.wr__correct text{fill:var(--lime);font-family:var(--font-display);font-size:18px;font-weight:700}@media (prefers-reduced-motion:no-preference){.wr__player,.wr__hop,.wr__points,.wr__wall,.wr__glow,.wr__bit,.wr__correct,.wr__timer-fill,.wr__score-before,.wr__score-after,.wr__dash{animation-duration:var(--loop);animation-iteration-count:infinite;animation-play-state:paused}.wr.is-playing *{animation-play-state:running!important}.wr__player{animation-name:wr-move;animation-timing-function:linear}.wr__hop{animation-name:wr-hop}.wr__points{animation-name:wr-points}.wr__wall{animation-name:wr-wall;animation-timing-function:linear}.wr__glow{animation-name:wr-glow}.wr__bit{animation-name:wr-confetti;animation-timing-function:ease-out}.wr__correct{animation-name:wr-correct}.wr__timer-fill{animation-name:wr-timer;animation-timing-function:linear}.wr__score-before{animation-name:wr-score-before}.wr__score-after{animation-name:wr-score-after}.wr__dash{animation-name:wr-dash;animation-duration:.8s;animation-timing-function:linear}}@keyframes wr-move{0%{opacity:0;transform:translate(45px)}4%{opacity:1;transform:translate(45px)}14%{opacity:1;animation-timing-function:cubic-bezier(.3,0,.3,1);transform:translate(45px)}20%,34%{opacity:1;animation-timing-function:cubic-bezier(.3,0,.3,1);transform:translate(148px)}40%,93%{opacity:1;transform:translate(252px)}to{opacity:0;transform:translate(252px)}}@keyframes wr-hop{0%,14%,20%,34%,40%,to{transform:translateY(0)}17%,37%{transform:translateY(-14px)}62%{transform:translateY(0)}65%{transform:translateY(-10px)}68%{transform:translateY(0)}}@keyframes wr-wall{0%,8%{opacity:0;transform:scale(.06)}12%{opacity:1;animation-timing-function:cubic-bezier(.55,0,.9,.45);transform:scale(.1)}62%{opacity:1;animation-timing-function:linear;transform:scale(1)}70%{opacity:0;transform:scale(1.5)}to{opacity:0;transform:scale(1.5)}}@keyframes wr-timer{0%,6%{transform:scaleX(1)}58%,to{transform:scaleX(0)}}@keyframes wr-glow{0%,62%{opacity:0}66%{opacity:.8}90%{opacity:.35}to{opacity:0}}@keyframes wr-points{0%,63%{opacity:0;transform:translateY(10px)scale(.6)}68%{opacity:1;transform:translateY(-4px)scale(1.15)}72%{transform:translateY(-6px)scale(1)}86%{opacity:1;transform:translateY(-18px)}92%,to{opacity:0;transform:translateY(-24px)}}@keyframes wr-confetti{0%,63%{opacity:0;transform:translate(0)rotate(0)}65%{opacity:1}80%{opacity:1;transform:translate(var(--dx), var(--dy)) rotate(200deg)}88%,to{opacity:0;transform:translate(var(--dx), calc(var(--dy) + 20px)) rotate(260deg)}}@keyframes wr-correct{0%,64%{opacity:0;transform:translateY(-8px)}68%,88%{opacity:1;transform:none}94%,to{opacity:0}}@keyframes wr-score-before{0%,66%{opacity:1}67%,to{opacity:0}}@keyframes wr-score-after{0%,66%{opacity:0;transform:scale(.5)}70%{opacity:1;transform:scale(1.3)}74%,96%{opacity:1;transform:scale(1)}to{opacity:0}}@keyframes wr-dash{to{stroke-dashoffset:-24px}}.wr__caption{border-radius:var(--radius-pill);color:#dfe6f5;background:#ffffff1a;align-items:center;gap:8px;margin-top:12px;padding:5px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.wr__caption-dot{background:var(--yellow);border-radius:50%;width:8px;height:8px}.modes{padding-top:40px}.modes__grid{gap:22px;display:grid}.mode-card{border-radius:var(--radius-lg);position:relative;overflow:hidden}.tilt{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .4s var(--ease-out), box-shadow .4s ease}.reveal-ready .tilt[data-reveal]{transition:transform .4s var(--ease-out), box-shadow .4s ease, opacity .8s var(--ease-out-expo) var(--reveal-delay,0s), translate .9s var(--ease-out-expo) var(--reveal-delay,0s), scale .9s var(--ease-out-expo) var(--reveal-delay,0s)}.mode-card--featured{color:var(--text-on-dark);background:radial-gradient(500px 300px at 0% 0%, #2979ff59, transparent 70%), radial-gradient(420px 280px at 100% 100%, #ff5fa240, transparent 70%), linear-gradient(160deg, #1b2a4a, var(--navy));box-shadow:var(--shadow-lg);gap:28px;padding:26px 20px 22px;display:grid}.mode-card--featured:hover{box-shadow:0 4px 12px #17233b1a,0 40px 70px -26px #2979ff73}.mode-card__shine{background:radial-gradient(400px circle at var(--gx,50%) var(--gy,0%), #ffffff14, transparent 60%);pointer-events:none;position:absolute;inset:0}.mode-card__body,.mode-card__visual{position:relative}.mode-card__meta{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.mode-card__number{color:#a6b2cf;font-family:var(--font-display);font-size:.95rem;font-weight:600}.mode-card__title{color:#fff;font-size:clamp(2.4rem,8vw,3.4rem)}.mode-card__text{max-width:440px;margin-top:12px;font-size:1.02rem}.mode-card__features{gap:12px;margin:22px 0 26px;display:grid}.mode-card__features li{color:#fff;align-items:center;gap:12px;font-size:.96rem;font-weight:700;display:flex}.mode-card__feature-icon{border-radius:10px;flex-shrink:0;place-items:center;width:30px;height:30px;display:inline-grid}.mode-card--upcoming{min-height:360px;box-shadow:var(--shadow);background:radial-gradient(300px 200px at 80% 10%,#ff5fa229,#0000 70%),radial-gradient(300px 220px at 10% 30%,#b8f34b40,#0000 70%),linear-gradient(#eef3ff,#e3ecff);border:1px solid #2979ff24;flex-direction:column;justify-content:flex-end;padding:26px;display:flex}.mode-card--upcoming:hover{box-shadow:var(--shadow-lg)}.upcoming__art{pointer-events:none;position:absolute;inset:0 0 45%}.upcoming__cube{filter:var(--decor-shadow);transition:translate .6s var(--ease-spring-soft);animation:5s ease-in-out infinite scene-float;position:absolute}.mode-card--upcoming:hover .upcoming__cube--1{translate:8px -8px}.mode-card--upcoming:hover .upcoming__cube--2{translate:-8px -4px}.mode-card--upcoming:hover .upcoming__cube--3{translate:0 -10px}.upcoming__cube--1{top:26px;right:30px}.upcoming__cube--2{animation-delay:-1.6s;top:90px;left:30px}.upcoming__cube--3{animation-delay:-3.1s;top:34px;left:44%}.upcoming__mystery{filter:brightness(.3)saturate(0)opacity(.35);transition:filter .4s;position:absolute;bottom:-6px;right:28%}.mode-card--upcoming:hover .upcoming__mystery{filter:brightness(.35)saturate(0)opacity(.5)}.upcoming__lock{width:40px;height:40px;color:var(--navy);background:#fff;border-radius:12px;place-items:center;display:grid;position:absolute;top:44%;left:50%;translate:-50% -50%}.upcoming__body{flex-direction:column;align-items:flex-start;gap:10px;display:flex;position:relative}.upcoming__icon{background:var(--blue);color:#fff;width:52px;height:52px;box-shadow:0 5px 0 var(--blue-dark), var(--shadow-blue);border-radius:16px;place-items:center;display:grid}.upcoming__title{font-size:1.6rem}.upcoming__text{color:var(--text)}@media (width>=640px){.mode-card--featured{padding:34px}}@media (width>=1024px){.modes__grid{grid-template-columns:2.15fr 1fr}.mode-card--featured{grid-template-columns:.9fr 1.1fr;align-items:center;gap:36px;padding:40px}.mode-card--upcoming{min-height:0}}:root[data-theme=dark] .mode-card--featured{background:radial-gradient(500px 300px at 0 0,#2979ff52,#0000 70%),radial-gradient(420px 280px at 100% 100%,#ff5fa238,#0000 70%),linear-gradient(160deg,#1a2856,#111a3a);box-shadow:inset 0 0 0 1px #94b0ff29,0 30px 70px -28px #000000e6,0 0 90px -40px #2979ff99}:root[data-theme=dark] .mode-card--featured:hover{box-shadow:inset 0 0 0 1px #94b0ff42,0 30px 70px -28px #000000e6,0 0 110px -30px #2979ffbf}:root[data-theme=dark] .mode-card--upcoming{background:radial-gradient(300px 200px at 80% 10%,#ff5fa229,#0000 70%),radial-gradient(300px 220px at 10% 30%,#25defa1f,#0000 70%),linear-gradient(#16214a,#101935);border-color:#94b0ff24}:root[data-theme=dark] .mode-card--upcoming:hover{border-color:#94b0ff47}:root[data-theme=dark] .upcoming__mystery{filter:saturate(0)brightness(2.4)opacity(.14)}:root[data-theme=dark] .mode-card--upcoming:hover .upcoming__mystery{filter:saturate(0)brightness(2.4)opacity(.24)}:root[data-theme=dark] .upcoming__cube{filter:drop-shadow(0 12px 18px #00000080)}.ai{padding-top:20px}.ai__panel{border-radius:var(--radius-xl);background:radial-gradient(500px 300px at 100% 0%, #ffd54f47, transparent 70%), radial-gradient(500px 320px at 0% 100%, #2979ff1f, transparent 70%), var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);gap:40px;padding:32px 22px;display:grid;position:relative}.ai__decor{pointer-events:none;position:absolute;inset:0}.ai__cube{filter:var(--decor-shadow);animation:6s ease-in-out infinite scene-float;position:absolute}.ai__cube--1{top:-22px;right:18px}.ai__cube--2{animation-delay:-2.5s;display:none;bottom:-26px;left:-22px}.ai__copy{flex-direction:column;align-items:flex-start;gap:18px;display:flex;position:relative}.ai__title{font-size:clamp(2rem,6vw,3rem)}.ai__text{max-width:460px;font-size:1.05rem}.ai__flow{align-items:center;gap:14px;display:grid;position:relative}.ai__notes,.ai__result{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden}.ai__notes{padding-bottom:16px;transform:rotate(-2deg)}.ai__notes,.ai__result,.reveal-ready .ai__notes[data-reveal],.reveal-ready .ai__result[data-reveal]{transition:transform .45s var(--ease-spring-soft), box-shadow .4s ease, opacity .8s var(--ease-out-expo) var(--reveal-delay,0s), translate .9s var(--ease-out-expo) var(--reveal-delay,0s)}.ai__notes:hover{box-shadow:var(--shadow-lg);transform:rotate(-1deg)translateY(-4px)}.ai__result:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.reveal-ready .ai__result .ai__steps li{opacity:0;transition:opacity .5s var(--ease-out-expo), translate .6s var(--ease-out-expo);transition-delay:calc(var(--reveal-delay,0s) + .28s + var(--i,0) * 90ms);translate:0 8px}.reveal-ready .ai__result.is-revealed .ai__steps li{opacity:1;translate:none}.ai__notes-head,.ai__result-head{color:#fff;font-family:var(--font-display);align-items:center;gap:8px;padding:10px 14px;font-size:.95rem;font-weight:600;display:flex}.ai__notes-head{background:var(--blue)}.ai__result-head{background:linear-gradient(90deg, var(--pink-strong), var(--pink))}.ai__result-head svg,.ai__arrow svg:first-child{fill:var(--yellow)}.ai__notes-title{color:var(--text-h);margin:14px 16px 10px;font-weight:800}.ai__line{background:var(--line);border-radius:8px;height:8px;margin:8px 16px 0;display:block}.ai__line--short{width:55%}.ai__arrow{color:var(--pink-deep);justify-content:center;align-items:center;gap:2px;display:flex;transform:rotate(90deg)}.ai__arrow svg:last-child{animation:1.6s ease-in-out infinite ai-nudge}@keyframes ai-nudge{50%{transform:translate(5px)}}.ai__steps{gap:8px;padding:14px;display:grid}.ai__steps li{background:var(--surface-2);color:var(--text-h);border-radius:12px;align-items:center;gap:10px;padding:8px 10px;font-size:.92rem;font-weight:700;display:flex}.ai__step-icon{border-radius:8px;flex-shrink:0;place-items:center;width:24px;height:24px;display:inline-grid}@media (width>=640px){.ai__panel{padding:44px}.ai__flow{grid-template-columns:1fr auto 1.15fr}.ai__arrow{transform:none}.ai__cube--2{display:block}}@media (width>=1024px){.ai__panel{grid-template-columns:.9fr 1.1fr;align-items:center;gap:48px;padding:56px}}:root[data-theme=dark] .ai__panel{background:radial-gradient(500px 300px at 100% 0%, #ffd54f1f, transparent 70%), radial-gradient(500px 320px at 0% 100%, #2979ff33, transparent 70%), var(--surface)}:root[data-theme=dark] .ai__notes,:root[data-theme=dark] .ai__result{background:var(--surface-2)}:root[data-theme=dark] .ai__steps li{box-shadow:inset 0 0 0 1px var(--border);background:#ffffff0a}.how{background:linear-gradient(180deg, var(--bg), var(--how-tint,#eaf1ff) 70%, var(--bg));overflow:hidden}.how__decor{pointer-events:none;position:absolute;inset:0}.how__cube{filter:var(--decor-shadow);animation:6s ease-in-out infinite scene-float;position:absolute}.how__cube--1{display:none;top:60px;right:-14px}@media (width>=1024px){.how__cube--1{display:block}}.how__cube--2{animation-delay:-3s;bottom:50px;left:-10px}.how__track{position:relative}.how__steps{gap:18px;display:grid;position:relative}.how__step{--tone:var(--blue);--tone-edge:var(--blue-dark);--tone-text:#fff;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);transition:transform .4s var(--ease-spring-soft), box-shadow .4s ease, border-color .3s ease;padding:26px;position:relative}.reveal-ready .how__step[data-reveal]{transition:transform .4s var(--ease-spring-soft), box-shadow .4s ease, border-color .3s ease, opacity .8s var(--ease-out-expo) var(--reveal-delay,0s), translate .9s var(--ease-out-expo) var(--reveal-delay,0s)}.how__step--pink{--tone:var(--pink);--tone-edge:#c72d6c;--number:var(--pink-deep)}.how__step--lime{--tone:var(--lime);--tone-edge:#8cc02a;--tone-text:#2f5203;--number:var(--lime-deep)}.how__step:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.how__step-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.how__tile{background:linear-gradient(180deg, #ffffff47, transparent 60%), var(--tone);width:56px;height:56px;color:var(--tone-text);box-shadow:0 5px 0 var(--tone-edge);transition:transform .4s var(--ease-spring-soft);border-radius:16px;place-items:center;display:grid}.how__step:hover .how__tile{transform:translateY(-3px)rotate(-6deg)}.how__number{font-family:var(--font-display);color:var(--number,var(--blue));font-size:2.6rem;font-weight:700;line-height:1}.how__title{font-size:1.35rem}.how__text{margin-top:8px}@media (width>=768px){.how__steps{grid-template-columns:repeat(3,1fr);gap:22px}}@media (width>=768px) and (width<=1023px){.how__step{padding:22px}.how__title{font-size:1.15rem}}:root[data-theme=dark] .how{--how-tint:#0e1736}:root[data-theme=dark] .how__step--pink{--number:var(--pink-deep)}:root[data-theme=dark] .how__step--lime{--number:var(--lime)}:root[data-theme=dark] .how__number{color:var(--number,#6ea8ff);text-shadow:0 0 24px color-mix(in srgb, currentColor 35%, transparent)}:root[data-theme=dark] .how__step:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg), 0 0 60px -30px color-mix(in srgb, var(--tone) 80%, transparent)}.cursor{display:none}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.cursor{display:block}}.cursor__ring,.cursor__ripple{z-index:9999;pointer-events:none;position:fixed;top:0;left:0}.cursor__ring{opacity:0;will-change:transform;width:0;height:0;transition:opacity .3s}.cursor.is-visible .cursor__ring{opacity:1}.cursor__ring-core{--size:30px;width:var(--size);height:var(--size);transition:width .42s var(--ease-spring-soft), height .42s var(--ease-spring-soft), scale .25s var(--ease-out), opacity .25s ease, background-color .3s ease, border-color .3s ease;background:#2979ff0a;border:1.5px solid #2979ff8c;border-radius:50%;position:absolute;top:0;left:0;translate:-50% -50%}.cursor.is-hover .cursor__ring-core{--size:50px;background:#2979ff1a;border-color:#2979ff66}.cursor.is-card .cursor__ring-core{--size:64px;background:#2979ff08;border-color:#2979ff38}.cursor.is-disabled .cursor__ring-core{--size:40px;background:#5f6b880f;border-style:dashed;border-color:#5f6b888c}.cursor.is-text .cursor__ring-core,.cursor.is-selecting .cursor__ring-core{--size:10px;opacity:0}.cursor.is-pressed .cursor__ring-core{scale:.86}.cursor__ripple{width:0;height:0}.cursor__ripple:before{content:"";background:radial-gradient(circle,#2979ff1f,#0000 70%);border:1.5px solid #2979ffb3;border-radius:50%;width:56px;height:56px;position:absolute;top:-28px;left:-28px}.theme-switching .cursor{visibility:hidden}:root[data-theme=dark] .cursor__ring-core{background:#8ab4ff0d;border-color:#8ab4ff99}:root[data-theme=dark] .cursor.is-hover .cursor__ring-core{background:#8ab4ff1f;border-color:#8ab4ff80}:root[data-theme=dark] .cursor.is-card .cursor__ring-core{background:#8ab4ff08;border-color:#8ab4ff40}:root[data-theme=dark] .cursor.is-disabled .cursor__ring-core{background:#a8b3cf0f;border-color:#a8b3cf80}:root[data-theme=dark] .cursor__ripple:before{background:radial-gradient(circle,#8ab4ff24,#0000 70%);border-color:#8ab4ffbf}.app{flex-direction:column;min-height:100svh;display:flex}.app main{flex:1}