.brutal-shadow{box-shadow:var(--shadow-brutal);transition:all var(--duration-base) var(--ease-smooth)}.brutal-shadow:hover{box-shadow:var(--shadow-brutal-hover);transform:translate(-2px,-2px)}.neon-glow{text-shadow:0 0 5px rgba(0,212,255,.5),0 0 10px rgba(0,212,255,.3);letter-spacing:.02em}.neon-border{border:var(--border-base) solid rgba(0,212,255,.2);position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(0,0,0,.95),rgba(0,0,0,.85))}.neon-border:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,var(--cyan-400),var(--pink-500),var(--cyan-500));animation:rotate-border 3s linear infinite;z-index:-1;opacity:.3}@keyframes rotate-border{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.glitch{position:relative;animation:glitch-shift 4s infinite}.glitch:after,.glitch:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}.glitch:before{animation:glitch-1 .3s infinite;color:var(--cyan-400);z-index:-1;mix-blend-mode:screen}.glitch:after{animation:glitch-2 .3s infinite;color:var(--pink-500);z-index:-2;mix-blend-mode:screen}@keyframes glitch-shift{0%,to{transform:translate(0)}20%{transform:translate(-.5px,.5px)}40%{transform:translate(.5px,-.5px)}60%{transform:translate(-.5px,-.5px)}80%{transform:translate(.5px,.5px)}}@keyframes glitch-1{0%,to{clip-path:inset(0 0 0 0);transform:translate(0)}20%{clip-path:inset(20% 0 30% 0);transform:translate(-1px,1px)}}@keyframes glitch-2{0%,to{clip-path:inset(0 0 0 0);transform:translate(0)}20%{clip-path:inset(60% 0 10% 0);transform:translate(1px,-1px)}}.cyber-grid{background-image:linear-gradient(rgba(0,212,255,.05) 1px,transparent 0),linear-gradient(90deg,rgba(0,212,255,.05) 1px,transparent 0);background-size:50px 50px;animation:grid-move 20s linear infinite}@keyframes grid-move{0%{background-position:0 0}to{background-position:50px 50px}}.matrix-canvas{filter:blur(.5px);opacity:.15;mix-blend-mode:screen}@keyframes gridScroll{0%{background-position:center 0}to{background-position:center 40px}}@keyframes nebulaPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@keyframes pulseUp{0%,to{transform:translateY(100%);opacity:0}50%{transform:translateY(0);opacity:1}}@media (prefers-reduced-motion:reduce){.cyber-grid{animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--hero-grid-line:rgba(0,200,255,1);--hero-grid-size:40px 40px;--hero-grid-opacity:1}.dark{--hero-grid-line:rgba(0,255,255,1);--hero-grid-size:40px 40px;--hero-grid-opacity:1}.hero-grid{left:-50%;right:-50%;bottom:-50%;top:25%;width:200%;height:200%;background-image:linear-gradient(to right,var(--hero-grid-line) 4px,transparent 4px),linear-gradient(to bottom,var(--hero-grid-line) 4px,transparent 4px);background-position:center 0;opacity:var(--hero-grid-opacity);transform:perspective(900px) rotateX(65deg);transform-origin:center 80%;animation:gridScroll 20s linear infinite;will-change:background-position,transform;z-index:5}.hero-grid,.hero-grid:after{position:absolute;background-size:var(--hero-grid-size);pointer-events:none}.hero-grid:after{content:"";inset:0;background-image:linear-gradient(to right,var(--hero-grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--hero-grid-line) 1px,transparent 1px);opacity:.3;filter:blur(1px)}@media (max-width:640px){.dark,:root{--hero-grid-size:32px 32px;--hero-grid-opacity:0.55}.hero-grid{transform:perspective(800px) rotateX(62deg);animation-duration:14s}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,rgba(99,102,241,.6),rgba(168,85,247,.6) 50%,rgba(236,72,153,.6));border-radius:10px;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 10px rgba(99,102,241,.3)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,rgba(99,102,241,.8),rgba(168,85,247,.8) 50%,rgba(236,72,153,.8));box-shadow:0 0 15px rgba(99,102,241,.5)}::-webkit-scrollbar-thumb:active{background:linear-gradient(45deg,rgba(99,102,241,1),rgba(168,85,247,1) 50%,rgba(236,72,153,1))}::-webkit-scrollbar-corner{background:transparent}html{scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.6) rgba(0,0,0,.1);scroll-behavior:smooth;scroll-padding-top:100px}*{scroll-behavior:smooth}.premium-scroll{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.premium-scroll::-webkit-scrollbar{width:6px}.premium-scroll::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:3px;margin:10px 0}.premium-scroll::-webkit-scrollbar-thumb{background:rgba(99,102,241,.4);border-radius:3px;-webkit-transition:all .3s ease;transition:all .3s ease}.premium-scroll::-webkit-scrollbar-thumb:hover{background:rgba(99,102,241,.7)}.thin-scroll::-webkit-scrollbar{width:4px}.thin-scroll::-webkit-scrollbar-thumb{background:rgba(99,102,241,.3);border-radius:2px}.hidden-scroll{-ms-overflow-style:none;scrollbar-width:none}.hidden-scroll::-webkit-scrollbar{display:none}.scroll-snap-x{scroll-snap-type:x mandatory}.scroll-snap-x,.scroll-snap-y{-webkit-overflow-scrolling:touch}.scroll-snap-y{scroll-snap-type:y mandatory}.scroll-snap-item{scroll-snap-align:center;scroll-snap-stop:always}.scroll-indicator{position:fixed;top:0;left:0;width:100%;height:3px;background:rgba(0,0,0,.1);z-index:9999;pointer-events:none}.scroll-indicator:after{content:"";position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,rgba(99,102,241,1),rgba(168,85,247,1) 50%,rgba(236,72,153,1));width:var(--scroll-progress,0);transition:width .1s ease-out;box-shadow:0 0 10px rgba(99,102,241,.5)}.momentum-scroll{-webkit-overflow-scrolling:touch;overflow-scrolling:touch}@supports (animation-timeline:scroll()){.scroll-animation{animation-timeline:scroll()}}:focus-visible{outline:2px solid rgba(99,102,241,.8);outline-offset:2px;border-radius:4px;box-shadow:0 0 0 4px rgba(99,102,241,.1)}.skip-link{position:absolute;top:-40px;left:6px;background:rgba(99,102,241,.95);color:white;padding:8px 16px;text-decoration:none;border-radius:4px;z-index:10000;font-weight:600;transition:top .3s ease}.skip-link:focus{top:6px}