@layer vars, reset, base, header, hero, scroll-hint, layout, components, utilities, fx;@font-face{font-display:swap;font-family:Special Elite;font-style:normal;font-weight:400;src:url(assets/fonts/special-elite-v20-latin-regular.woff2) format("woff2")}@font-face{font-family:Geist Mono;src:url(assets/fonts/GeistMono-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Geist Mono;src:url(assets/fonts/GeistMono-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-display:swap;font-family:Exo\ 2;font-style:normal;font-weight:400;src:url(assets/fonts/exo-2-v26-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Exo\ 2;font-style:italic;font-weight:400;src:url(assets/fonts/exo-2-v26-latin-italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Exo\ 2;font-style:normal;font-weight:500;src:url(assets/fonts/exo-2-v26-latin-500.woff2) format("woff2")}@font-face{font-display:swap;font-family:Exo\ 2;font-style:italic;font-weight:500;src:url(assets/fonts/exo-2-v26-latin-500italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Exo\ 2;font-style:normal;font-weight:600;src:url(assets/fonts/exo-2-v26-latin-600.woff2) format("woff2")}@font-face{font-display:swap;font-family:Exo\ 2;font-style:italic;font-weight:600;src:url(assets/fonts/exo-2-v26-latin-600italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Exo\ 2;font-style:normal;font-weight:700;src:url(assets/fonts/exo-2-v26-latin-700.woff2) format("woff2")}@font-face{font-display:swap;font-family:Exo\ 2;font-style:italic;font-weight:700;src:url(assets/fonts/exo-2-v26-latin-700italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Exo\ 2;font-style:normal;font-weight:800;src:url(assets/fonts/exo-2-v26-latin-800.woff2) format("woff2")}@font-face{font-display:swap;font-family:Exo\ 2;font-style:italic;font-weight:800;src:url(assets/fonts/exo-2-v26-latin-800italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Exo\ 2;font-style:normal;font-weight:900;src:url(assets/fonts/exo-2-v26-latin-900.woff2) format("woff2")}@font-face{font-display:swap;font-family:Exo\ 2;font-style:italic;font-weight:900;src:url(assets/fonts/exo-2-v26-latin-900italic.woff2) format("woff2")}@layer vars{@layer vars{@property --progress{syntax:"<percentage>";initial-value:0%;inherits:false}@property --gradient-angle{syntax:"<angle>";inherits:false;initial-value:0deg}:root{color-scheme:dark;--bg-base:oklch(8% 0.02 280);--bg-layer:oklch(16% 0.02 280/90%);--bg-sub:oklch(12% 0.02 280/40%);--bg-surface:oklch(12% 0.02 280/30%);--bg-elevated:oklch(16% 0.02 280/20%);--bg-dark:oklch(100% 0 0/10%);--bg-light:oklch(100% 0 0/20%);--bg-lighter:oklch(100% 0 0/30%);--bg-accent:oklch(67% 0.1 210);--text-primary:oklch(95% 0.01 280);--text-secondary:oklch(75% 0.02 280);--text-tertiary:oklch(65% 0.02 280);--text-quartiary:oklch(25% 0.02 280);--text-inverse:oklch(10% 0.02 280);--accent-purple:oklch(70% 0.25 280);--accent-pink:oklch(70% 0.25 350);--accent-cyan:oklch(78% 0.15 195);--accent-cyan--muted:oklch(50% 0.15 195);--accent-cyan--light:oklch(88% 0.15 195);--accent-green:oklch(75% 0.2 145);--accent-orange:oklch(75% 0.18 55);--accent-yellow:oklch(88% 0.15 95);--accent-red:oklch(65% 0.25 25);--accent-blue:oklch(70% 0.2 250);--gradient-primary:linear-gradient(135deg,var(--accent-purple),var(--accent-pink));--gradient-secondary:linear-gradient(135deg,var(--accent-blue),var(--accent-cyan));--gradient-accent:linear-gradient(135deg,var(--accent-pink),var(--accent-orange));--gradient-success:linear-gradient(135deg,var(--accent-green),var(--accent-cyan));--gradient-rainbow:linear-gradient(135deg,var(--accent-purple),var(--accent-pink),var(--accent-orange),var(--accent-yellow),var(--accent-green),var(--accent-cyan));--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-4-5:1.125rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-xs:3px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-3xl:42px;--radius-full:9999px;--font-sans:"Exo 2",system-ui,-apple-system,sans-serif;--font-mono:"Geist Mono",monospace;--text-xxs:clamp(0.6rem,0.55rem + 0.25vw,0.65rem);--text-xs:clamp(0.7rem,0.65rem + 0.25vw,0.75rem);--text-sm:clamp(0.8rem,0.75rem + 0.25vw,0.875rem);--text-base:clamp(0.9rem,0.85rem + 0.25vw,1rem);--text-lg:clamp(1rem,0.9rem + 0.5vw,1.25rem);--text-xl:clamp(1.25rem,1rem + 1vw,1.75rem);--text-2xl:clamp(1.5rem,1.25rem + 1.5vw,2.5rem);--text-3xl:clamp(2rem,1.5rem + 2.5vw,3.5rem);--text-4xl:clamp(2.5rem,2rem + 3vw,4.5rem);--text-5xl:clamp(3rem,2.5rem + 4vw,6rem);--leading-none:1;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.7;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--weight-black:900;--shadow-sm:0 1px 2px oklch(0% 0 0/0.3);--shadow-sm-light:0 0 2px oklch(100% 0 0/0.5);--shadow-md:0 4px 12px oklch(0% 0 0/0.4);--shadow-md-light:0 0 12px oklch(100% 0 0/0.4);--shadow-lg:0 8px 24px oklch(0% 0 0/0.5);--shadow-xl:0 16px 48px oklch(0% 0 0/0.6);--shadow-2xl:0 24px 64px oklch(0% 0 0/0.7);--shadow-glow-purple:0 0 30px oklch(70% 0.25 280/0.5);--shadow-glow-pink:0 0 30px oklch(70% 0.25 350/0.5);--shadow-glow-cyan:0 0 30px oklch(78% 0.15 195/0.5);--shadow-glow-cyan1:0 0 20px oklch(78% 0.15 195/0.6);--shadow-glow-cyan2:0 0 30px oklch(78% 0.15 195/0.8);--shadow-glow-cyan3:0 0 20px oklch(100% 0.15 195/1);--shadow-glow-green:0 0 30px oklch(75% 0.2 145/0.5);--duration-fast:150ms;--duration-normal:300ms;--duration-slow:500ms;--duration-slower:800ms;--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--ease-elastic:cubic-bezier(0.175,0.885,0.32,1.275);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--z-base:0;--z-above:10;--z-sticky:100;--z-overlay:200;--z-max:9999;--container-max:1400px;--container-padding:var(--space-6);--header-height:70px}}}@layer reset{@layer reset{@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus:not(:focus-visible){outline:none}:focus-visible{outline:3px solid var(--accent-cyan);outline-offset:3px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%;hanging-punctuation:first last;scroll-padding-top:80px}body{min-height:100vh;min-height:100svh;width:100%;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}canvas,img,picture,svg,video{display:block;max-width:100%;height:auto}button,input,select,textarea{font:inherit;color:inherit;background:none;border:none}button{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}ol,ul{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-bold);line-height:var(--leading-tight);text-wrap:balance}p{text-wrap:pretty}::selection{background:var(--accent-purple);color:var(--text-primary)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--bg-light);border-radius:var(--radius-full);border:2px solid var(--bg-surface)}::-webkit-scrollbar-thumb:hover{background:var(--accent-purple)}*{scrollbar-width:thin;scrollbar-color:var(--bg-lighter) var(--bg-light)}}}@layer base{@layer base{.skip-link{position:absolute;top:-100%;left:var(--space-4);z-index:var(--z-max);padding:var(--space-1) var(--space-4);background:var(--accent-purple);color:var(--text-primary);font-weight:var(--weight-semibold);border-radius:var(--radius-md);text-decoration:none;transition:top var(--duration-fast) var(--ease-out)}.skip-link:focus{top:var(--space-5)}noscript{padding:var(--space-4)}body{cursor:crosshair;position:relative;z-index:0;min-height:100%}body:after,body:before{content:"";position:fixed;z-index:-1;inset:0;width:100%;height:100vh;height:100lvh}body:before{background:radial-gradient(ellipse at 50% 50%,var(--bg-accent),var(--bg-base)) var(--bg-base)}body:after{background:repeating-linear-gradient(0deg,transparent 0,transparent 1px,oklch(0 0 0/38%) 2px),repeating-linear-gradient(90deg,transparent 0,transparent 1px,oklch(0 0 0/38%) 2px),radial-gradient(ellipse at 50% 50%,var(--bg-accent),var(--bg-base)) var(--bg-base)}.bg-pattern,.bg-pattern *{forced-color-adjust:none}.bg-pattern{position:fixed;z-index:-1;inset:0;width:100%;height:100vh;height:100lvh}.bg-pattern .grid-line{stroke:rgba(0,0,0,.38);stroke:oklch(0 0 0/38%)}.container{position:relative;width:100%;height:100%;max-width:var(--container-max);margin-inline:auto;padding:0 var(--space-16);@media (max-width:1024px){padding:0 var(--space-4)}}.section{position:relative;padding-top:var(--space-4);padding-bottom:var(--space-24)}@media (max-width:480px){.btn{min-width:100px;padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.category-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.category-tags{justify-content:center;margin-top:var(--space-4)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent}.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:var(--z-max);background:var(--gradient-secondary);transform-origin:left;transform:scaleX(0)}@supports (animation-timeline:scroll()){.scroll-progress{animation:scroll-fill linear;animation-timeline:scroll()}@keyframes scroll-fill{to{transform:scaleX(1)}}}}}@layer header{@layer header{@media (max-width:1160px){html{overflow-x:hidden}}.navbar{position:fixed;inset:0 0 auto 0;height:var(--header-height);background:var(--bg-elevated);backdrop-filter:blur(16px);border-bottom:1px solid oklch(100% 0 0/.08);box-shadow:var(--shadow-sm);z-index:var(--z-sticky)}.navbar-row{justify-content:space-between;height:100%}.logo,.navbar-row{display:flex;align-items:center}.logo{gap:1rem}.logo-img{width:2rem;height:2rem;background-image:url(assets/img/icons/handshake.svg);background-repeat:no-repeat;background-position:0 0;background-size:2rem 2rem}.logo-title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-secondary)}.desktop-nav{display:none;align-items:center;gap:var(--space-2)}@media (min-width:1160px){.desktop-nav{display:flex}}.nav-link{position:relative;padding:var(--space-2) var(--space-2);text-decoration:none;font-weight:var(--weight-bold);color:var(--text-secondary)}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(to right,var(--accent-cyan),var(--accent-blue));transform:translateX(-50%);transition:width .3s ease}.nav-link.active:after,.nav-link:hover:after{width:80%}.nav-link:hover{color:var(--accent-cyan)}.nav-link.active{color:var(--accent-blue)}.mobile-menu-button{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;z-index:20}@media (min-width:1160px){.mobile-menu-button{opacity:0}}.hamburger{width:28px;height:28px;position:relative}.hamburger span{display:block;position:absolute;left:0;width:100%;height:3px;background:var(--accent-cyan);border-radius:3px;transition:all .35s cubic-bezier(.4,0,.2,1)}.hamburger span:first-child{top:4px}.hamburger span:nth-child(2){top:12px}.hamburger span:nth-child(3){top:20px}.menu-toggle:checked~.navbar-row .hamburger span:first-child{top:12px;transform:rotate(45deg)}.menu-toggle:checked~.navbar-row .hamburger span:nth-child(2){opacity:0}.menu-toggle:checked~.navbar-row .hamburger span:nth-child(3){top:12px;transform:rotate(-45deg)}.menu-toggle{position:absolute;opacity:0;pointer-events:none;z-index:-1}.mobile-nav{position:absolute;top:var(--header-height);left:0;right:0;background:var(--bg-layer);backdrop-filter:blur(16px);max-height:0;overflow:hidden;transition:max-height .4s ease;box-shadow:0 10px 25px -5px rgba(0,0,0,.2)}.menu-toggle:checked~.mobile-nav{max-height:520px}.mobile-nav-inner{padding:var(--space-5) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.mobile-nav-link{padding:var(--space-3) var(--space-3);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-sm)}.mobile-nav-link.active,.mobile-nav-link:hover{color:var(--accent-cyan);background:oklch(100% 0 0/.06)}.mobile-connect-wrap{margin-top:var(--space-4)}.menu-toggle:focus-visible~.navbar-row .mobile-menu-button{outline:3px solid var(--accent-cyan);outline-offset:4px;border-radius:6px}.switch{font-size:var(--text-sm);color:var(--text-tertiary)}}}@layer hero{@layer hero{.hero{padding-top:var(--header-height);padding-bottom:var(--space-12)}.hero .section-content{min-height:calc(100dvh - var(--header-height));display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center;perspective:1200px}@media (max-width:768px){.hero-title{font-size:var(--text-4xl)}}@media (max-width:1024px){.hero .section-content{grid-template-columns:1fr;text-align:center;min-height:auto;margin-top:var(--space-12);padding-top:var(--space-8);gap:var(--space-24)}}.hero-content{position:relative;z-index:var(--z-above)}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);margin-bottom:var(--space-6);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--text-primary);background:var(--bg-surface);border:1px solid oklch(100% 0 0/.1)}.hero-badge,.hero-badge-dot{border-radius:var(--radius-full)}.hero-badge-dot{width:8px;height:8px;background:var(--accent-green);box-shadow:0 0 12px var(--accent-green);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 12px var(--accent-green)}50%{opacity:.6;box-shadow:0 0 20px var(--accent-green),0 0 30px var(--accent-green)}}.hero-title{font-size:var(--text-5xl);font-weight:var(--weight-black);line-height:var(--leading-none);margin-bottom:var(--space-6);background:linear-gradient(135deg,var(--text-primary) 0,var(--accent-purple) 25%,var(--accent-pink) 50%,var(--accent-cyan) 75%,var(--text-primary) 100%);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradient-shift 10s ease-in-out infinite}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.hero-title-line{display:block}.hero-title-accent{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 40px oklch(70% .25 280/.4))}.hero-description{overflow:hidden;font-size:var(--text-xl);color:var(--text-secondary);margin-bottom:var(--space-8);max-width:500px}.hero-description li{margin-top:5px;transition-duration:.5s;transition-delay:.5s;transform:translateX(-100%)}.in-view .hero-description li,body:not(.js) .section.hero:hover li{transform:translateX(0);transition-timing-function:cubic-bezier(0,1.5,1,1);transition-duration:.5s}.hero-description li:first-child{transition-delay:.25s}.hero-description li:nth-child(2){transition-delay:.5s}.hero-description li:nth-child(3){transition-delay:.75s}.hero-description li:nth-child(4){transition-delay:1s}@media (max-width:1024px){.hero-description{margin-inline:auto}}.hero-code{width:240px;line-height:var(--space-4);padding:var(--space-3) var(--space-5) var(--space-3) var(--space-5);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent-cyan--light);background:var(--bg-surface);border:1px solid oklch(100% 0 0/.1);border-radius:var(--radius-full)}.hero-code,.hero-code-text{display:inline-block;overflow:hidden;white-space:nowrap}.hero-code-text{position:relative;width:100%;clip-path:inset(0 100% 0 0);animation:typing 2s steps(22) 1s both}.hero-code-text:after{content:"";position:absolute;right:0;top:0;bottom:0;width:6px;background:var(--accent-cyan);animation:blink .75s step-end infinite}@keyframes typing{to{clip-path:inset(0 0 0 0)}}@keyframes blink{50%{background-color:transparent}}.hero-figure-wrapper{perspective:1800px;perspective-origin:50% 50%}.hero-figure{position:relative;display:flex;flex-direction:column;gap:var(--space-4-5);width:539px;height:340px;margin:auto;padding:var(--space-4-5) var(--space-7);text-align:left;background-color:#aaa;background-image:url(assets/img/math-bg.svg);background-repeat:no-repeat;background-position:0 0;background-size:cover;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);box-shadow:var(--shadow-lg),inset 0 1px 0 hsla(0,0%,100%,.35),inset 0 -1px 0 rgba(0,0,0,.25),inset 1px 0 0 hsla(0,0%,100%,.15),inset -1px 0 0 rgba(0,0,0,.2);border-color:hsla(0,0%,100%,.25) rgba(0,0,0,.2) rgba(0,0,0,.3) hsla(0,0%,100%,.25);border-style:solid;border-width:1px;transform-style:preserve-3d;backface-visibility:visible;transform-origin:50% 50%;animation:popIn .7s cubic-bezier(.175,.885,.32,1.275) forwards;opacity:0;will-change:transform,opacity}@media (max-width:600px){.hero-figure{width:298px;height:188px;gap:var(--space-2);padding:var(--space-2) var(--space-4)}}@keyframes popIn{0%{transform:scale3d(.3,.3,.3) translateZ(1px);opacity:0}45%{transform:scale3d(1.18,1.18,1) translateZ(1px);opacity:1}65%{transform:scale3d(.9,.9,1) translateZ(1px);opacity:1}80%{transform:scale3d(1.06,1.06,1) translateZ(1px);opacity:1}to{transform:scaleX(1) translateZ(1px);opacity:1}}.hero-shimmer-container{overflow:hidden;position:absolute;inset:0;width:100%;height:100%;border-radius:var(--radius-lg)}.hero-shimmer-overlay{z-index:20;pointer-events:none;position:absolute;inset:-100%;background:linear-gradient(105deg,transparent 30%,hsla(0,0%,100%,.07) 40%,rgba(200,230,255,.18) 45%,hsla(0,0%,100%,.35) 50%,rgba(255,220,180,.18) 55%,rgba(180,200,255,.07) 60%,transparent 70%);background-size:300% 300%;opacity:0;transition:opacity .4s ease;mix-blend-mode:screen}.hero-figure h2{z-index:var(--z-above);display:flex;align-items:center;font-size:var(--text-lg);text-transform:uppercase;color:var(--text-primary);text-shadow:var(--shadow-md);transform-style:preserve-3d;transform:translateZ(10px);@media (max-width:600px){font-size:var(--text-sm)}}.hero-figure h2:before{content:"";display:inline-block;width:3.6rem;height:2.3rem;margin-right:var(--space-6);background-image:url(assets/img/icons/europe.svg);background-repeat:no-repeat;background-position:0 0;background-size:3.6rem 2.3rem;border-radius:var(--radius-sm);box-shadow:var(--shadow-md);@media (max-width:600px){width:1.56rem;height:1rem;margin-right:var(--space-3);background-size:1.56rem 1rem;border-radius:var(--radius-xs)}}.hero-figure-content{z-index:var(--z-above);display:flex;gap:var(--space-4-5);transform-style:preserve-3d}.hero-mugshot{overflow:hidden;perspective:1200px;display:inline-block;position:relative;width:205px;height:248px;text-align:center;border:1px solid #ccc;border-radius:var(--radius-sm);box-shadow:var(--shadow-md);transform-style:preserve-3d;transform:translateZ(10px);transition:transform var(--duration-fast) ease-out;@media (max-width:600px){width:112px;height:136px}}.hero-mugshot__img{pointer-events:none;position:relative;top:42%;transform:scale(1.75);filter:brightness(1.4) grayscale(100%)}.hero-mugshot__bg{z-index:0;position:absolute;filter:blur(2px) brightness(1.4) saturate(.8);transform:scale(1.6)}.hero-figure-text{perspective:1200px;flex-grow:1;position:relative;text-shadow:var(--shadow-md);transform-style:preserve-3d;transform:translateZ(10px);transition:transform var(--duration-fast) ease-out}.hero-figure-list{color:var(--text-inverse)}.hero-figure-list dt{font-size:var(--text-xs);font-weight:var(--weight-bold);@media (max-width:600px){font-size:var(--text-xs);span{display:none}}}.hero-figure-list dd{margin-bottom:var(--space-2);font-family:Special Elite;font-size:var(--text-lg);color:var(--text-quartiary);@media (max-width:600px){margin-bottom:var(--space-0);font-size:var(--text-sm)}}.hero-holo-foil,.hero-holo-glare{z-index:1;pointer-events:none;position:absolute;inset:0;border-radius:var(--radius-lg);opacity:0;transition:opacity .4s ease}.hero-holo-foil{--factor:-0.12;background-image:repeating-linear-gradient(30deg in oklab,#fa0 0,#ffea00 1%,#0f0 2%,#0ff 3%,#f0f 4%,#fa0 5%),radial-gradient(farthest-corner circle at var(--x,50%) var(--y,50%),#fff 0,#333 20%,#1a1a1a 50%,#666 300%);background-blend-mode:multiply;background-size:4000%,100%;mask-image:url('data:image/svg+xml;utf8,<svg width="56" height="56" viewBox="0 0 56 56" xmlns="http://www.w3.org/2000/svg"><g stroke="black" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><path d="M12 0H44M44 0L32 -12M44 0L32 12"/><path d="M12 56H44M44 56L32 44M44 56L32 68"/><path d="M-16 28H16M16 28L4 16M16 28L4 40"/><path d="M40 28H72M72 28L60 16M72 28L60 40"/></g></svg>');mask-position:calc(50% + (var(--x, 50%) - 50%)*var(--factor)) calc(50% + (var(--y, 50%) - 50%)*var(--factor));mask-size:32px;filter:brightness(1.1) contrast(1.25) saturate(2);mix-blend-mode:plus-lighter}.hero-holo-glare{background-image:radial-gradient(farthest-corner circle at var(--x,50%) var(--y,50%),hsla(0,0%,100%,.5) 0,#020608 250%);filter:brightness(1.1) contrast(1.2) saturate(1.5);mix-blend-mode:overlay}}}@layer scroll-hint{@layer scroll-hint{.scroll-hint{position:absolute;bottom:var(--space-8);left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--text-primary);font-size:var(--text-xs);text-transform:uppercase;animation:bounce 2s ease-in-out infinite}.scroll-hint-icon{width:24px;height:40px;border:2px solid var(--text-primary);border-radius:12px;position:relative}.scroll-hint-icon:before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:4px;height:8px;background:var(--accent-cyan);border-radius:var(--radius-full);animation:scroll-wheel 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-8px)}}@keyframes scroll-wheel{0%,to{opacity:1;transform:translateX(-50%) translateY(0)}50%{opacity:.3;transform:translateX(-50%) translateY(10px)}}@media (max-width:1024px){.scroll-hint{display:none}}}}