:root{--black:#000000;--white:#ffffff;--gray-900:#0a0a0a;--gray-800:#1a1a1a;--gray-700:#2a2a2a;--gray-600:#404040;--gray-500:#606060;--gray-400:#909090;--gray-300:#b0b0b0;--cyan-500:#00d4ff;--cyan-400:#00a8cc;--cyan-300:#0088aa;--yellow-400:#ffd700;--pink-500:#ff00ff;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--space-1:0.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--space-5:2.5rem;--space-6:3rem;--space-8:4rem;--space-10:5rem;--space-12:6rem;--space-16:8rem;--shadow-sm:0 1px 2px 0 rgba(0,255,255,0.05);--shadow-md:0 4px 6px -1px rgba(0,255,255,0.1);--shadow-lg:0 10px 15px -3px rgba(0,255,255,0.15);--shadow-xl:0 20px 25px -5px rgba(0,255,255,0.2);--shadow-2xl:0 25px 50px -12px rgba(0,255,255,0.25);--shadow-brutal:4px 4px 0 rgba(0,255,255,0.3),8px 8px 0 rgba(0,0,0,1);--shadow-brutal-hover:6px 6px 0 rgba(0,255,255,0.5),12px 12px 0 rgba(0,0,0,1);--border-thin:1px;--border-base:2px;--border-thick:4px;--ease-smooth:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--ease-sharp:cubic-bezier(0.4,0,0.6,1);--duration-fast:150ms;--duration-base:300ms;--duration-slow:500ms;--duration-slower:800ms;--z-negative:-1;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-popover:500;--z-tooltip:600;--z-notification:700;--z-max:9999}.card-base{background:var(--gray-900);border:var(--border-base) solid var(--gray-800)}.card-base,.card-brutal{padding:var(--space-4);transition:all var(--duration-base) var(--ease-smooth)}.card-brutal{background:var(--black);border:var(--border-base) solid var(--white);box-shadow:var(--shadow-brutal)}.card-brutal:hover{border-color:var(--cyan-400);box-shadow:var(--shadow-brutal-hover);transform:translate(-2px,-2px)}.card-glass{background:rgba(0,0,0,.7);backdrop-filter:blur(10px);border:var(--border-thin) solid rgba(0,255,255,.2);padding:var(--space-4)}.btn-primary,.card-glass{transition:all var(--duration-base) var(--ease-smooth)}.btn-primary{background:linear-gradient(135deg,var(--cyan-400),var(--cyan-500));color:var(--black);font-weight:700;padding:var(--space-2) var(--space-4);border:none;box-shadow:var(--shadow-lg);text-transform:uppercase;letter-spacing:.05em;cursor:pointer}.btn-primary:hover{box-shadow:var(--shadow-xl),0 0 20px rgba(0,255,255,.3);transform:translateY(-2px)}.btn-secondary{background:transparent;color:var(--cyan-400);border:var(--border-base) solid var(--cyan-400);padding:var(--space-2) var(--space-4);backdrop-filter:blur(10px);font-weight:600;letter-spacing:.05em;transition:all var(--duration-base) var(--ease-smooth);cursor:pointer}.btn-secondary:hover{background:rgba(0,255,255,.1);border-color:var(--cyan-500);box-shadow:0 0 15px rgba(0,255,255,.2)}.btn-brutal{background:var(--black);color:var(--white);border:var(--border-thick) solid var(--white);padding:var(--space-2) var(--space-4);box-shadow:var(--shadow-brutal);font-weight:900;text-transform:uppercase;transition:all var(--duration-base) var(--ease-sharp);cursor:pointer}.btn-brutal:hover{border-color:var(--cyan-400);color:var(--cyan-400);box-shadow:var(--shadow-brutal-hover);transform:translate(-2px,-2px)}.text-glow{text-shadow:0 0 5px rgba(0,255,255,.5),0 0 10px rgba(0,255,255,.3);letter-spacing:.02em}.text-brutal{font-weight:900;text-transform:uppercase;letter-spacing:.1em}.heading-hero{font-size:clamp(var(--text-4xl),8vw,var(--text-7xl));font-weight:100;line-height:1;letter-spacing:-.02em}.heading-section{font-size:clamp(var(--text-3xl),5vw,var(--text-5xl));font-weight:300;line-height:1.1}.heading-card{font-size:var(--text-2xl);font-weight:700;line-height:1.2}.backdrop-blur{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hover-lift{transition:transform var(--duration-base) var(--ease-smooth)}.hover-lift:hover{transform:translateY(-4px)}.hover-glow:hover{box-shadow:0 0 20px rgba(0,255,255,.3)}@keyframes pulse-cyan{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse-cyan{animation:pulse-cyan 2s var(--ease-smooth) infinite}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-up{animation:slide-up var(--duration-slow) var(--ease-smooth) forwards}.grid-bg{background-image:linear-gradient(rgba(0,255,255,.1) 1px,transparent 0),linear-gradient(90deg,rgba(0,255,255,.1) 1px,transparent 0);background-size:50px 50px}@media (max-width:640px){:root{--text-base:0.875rem;--text-lg:1rem;--text-xl:1.125rem;--text-2xl:1.25rem;--text-3xl:1.5rem;--text-4xl:1.875rem;--text-5xl:2.25rem;--text-6xl:3rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid var(--cyan-400)}::-moz-selection{background:var(--cyan-400);color:var(--black)}::selection{background:var(--cyan-400);color:var(--black)}.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}