:root{--color-bg-primary:#0a0a0b;--color-bg-secondary:#111113;--color-bg-tertiary:#161618;--color-bg-card:#111113cc;--color-bg-card-hover:#161618e6;--color-text-primary:#e9eef5;--color-text-secondary:#8b8d98;--color-text-muted:#5c5e69;--color-accent-blue:#0052ff;--color-accent-blue-light:#3b82f6;--color-accent-green:#22c55e;--color-accent-green-bright:#0f8;--color-accent-cyan:#00d4ff;--color-accent-orange:#ff8a00;--color-accent-gold:#ffd000;--color-accent-purple:#8b5cf6;--gradient-horizon:linear-gradient(135deg, #ff8a00 0%, #ffd000 50%, #ff8a00 100%);--gradient-neon:linear-gradient(135deg, #0f8 0%, #00d4ff 100%);--gradient-cyber:linear-gradient(135deg, #0052ff 0%, #0f8 100%);--gradient-sunrise:linear-gradient(180deg, #8b5cf6 0%, #ff8a00 50%, #ffd000 100%);--gradient-card:linear-gradient(135deg, #0052ff1a 0%, #22c55e0d 100%);--gradient-glow:radial-gradient(ellipse at center, #00ff8826 0%, transparent 70%);--gradient-mesh:radial-gradient(at 40% 20%, #0052ff26 0px, transparent 50%), radial-gradient(at 80% 0%, #00ff881a 0px, transparent 50%), radial-gradient(at 0% 50%, #8b5cf61a 0px, transparent 50%), radial-gradient(at 80% 50%, #ff8a0014 0px, transparent 50%), radial-gradient(at 0% 100%, #00d4ff1a 0px, transparent 50%);--glow-green:0 0 20px #0f86, 0 0 40px #0f83, 0 0 60px #00ff881a;--glow-green-intense:0 0 10px #0f89, 0 0 30px #0f86, 0 0 60px #0f83, 0 0 100px #00ff881a;--glow-blue:0 0 20px #0052ff66, 0 0 40px #0052ff33, 0 0 60px #0052ff1a;--glow-blue-intense:0 0 10px #0052ff99, 0 0 30px #0052ff66, 0 0 60px #0052ff33;--glow-orange:0 0 20px #ff8a0066, 0 0 40px #ff8a0033, 0 0 60px #ff8a001a;--glow-cyan:0 0 20px #00d4ff66, 0 0 40px #00d4ff33;--glow-purple:0 0 20px #8b5cf666, 0 0 40px #8b5cf633;--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-bright:#ffffff26;--border-neon-green:#00ff884d;--border-neon-blue:#0052ff4d;--font-body:var(--font-space-grotesk);--font-heading:var(--font-oxanium);--font-accent:var(--font-share-tech);--font-family:var(--font-body);--font-mono:var(--font-accent);--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-size-5xl:3.5rem;--font-size-6xl:4.5rem;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--radius-sm:.375rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-full:9999px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 20px #0006;--shadow-lg:0 8px 40px #00000080;--shadow-card:0 4px 30px #0006;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-glow:.3s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);background:var(--color-bg-primary);color:var(--color-text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}::selection{color:var(--color-text-primary);background:#00ff884d}a{color:var(--color-accent-green);transition:color var(--transition-fast), text-shadow var(--transition-glow);text-decoration:none}a:hover{color:var(--color-accent-green-bright);text-shadow:0 0 10px #00ff8880}code,pre{font-family:var(--font-mono)}.container{width:100%;max-width:1200px;padding:0 var(--spacing-lg);margin:0 auto}.section{padding:var(--spacing-2xl) var(--spacing-md);flex-direction:column;justify-content:center;min-height:100vh;display:flex;position:relative}@media (min-width:640px){.section{padding:var(--spacing-4xl) var(--spacing-lg)}}.section-title{font-size:var(--font-size-3xl);text-align:center;margin-bottom:var(--spacing-md);color:var(--color-text-primary);font-weight:700}.glitch-hover{isolation:isolate;width:fit-content;max-width:100%;margin:0 auto;display:block;position:relative}.glitch-title-text{z-index:1;background:var(--gradient-neon);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block;position:relative}.glitch-hover:before,.glitch-hover:after{content:attr(data-text);opacity:0;pointer-events:none;mix-blend-mode:normal;-webkit-text-fill-color:currentColor;text-shadow:0 0 12px #00d4ff80,0 0 22px #00ff8859;z-index:2;position:absolute;inset:0}.glitch-hover:hover:before{opacity:.75;color:var(--color-accent-cyan);animation:.5s steps(2,end) infinite glitch-hover;transform:translate(2px,-2px)}.glitch-hover:hover:after{opacity:.6;color:var(--color-accent-green-bright);animation:.5s steps(2,end) infinite reverse glitch-hover;transform:translate(-2px,2px)}.glitch-load:before{animation:1.1s steps(2,end) both glitch-load}.glitch-load:after{animation:1.1s steps(2,end) 80ms both glitch-load-alt}.glitch-load{animation:1.1s steps(2,end) both glitch-rgb}.section-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);text-align:center;max-width:600px;margin:0 auto var(--spacing-3xl)}.glass-card{background:var(--color-bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:transform var(--transition-base), box-shadow var(--transition-glow), border-color var(--transition-glow), background var(--transition-base);position:relative;overflow:hidden}.glass-card:before{content:"";background:var(--gradient-card);opacity:0;transition:opacity var(--transition-glow);pointer-events:none;position:absolute;inset:0}.glass-card:hover{border-color:var(--border-neon-green);box-shadow:var(--glow-green);background:var(--color-bg-card-hover);transform:translateY(-4px)}.glass-card:hover:before{opacity:1}.neon-card{background:var(--color-bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-neon-green);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all var(--transition-glow);position:relative}.neon-card:after{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--color-accent-green), var(--color-accent-blue));opacity:0;z-index:-1;transition:opacity var(--transition-glow);position:absolute;inset:-1px}.neon-card:hover{box-shadow:var(--glow-green)}.neon-card:hover:after{opacity:.1}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);border:none;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(135deg,#ffffff1a 0%,#0000 50%);position:absolute;inset:0}.btn:hover:before{opacity:1}.btn-primary{background:var(--gradient-neon);color:var(--color-bg-primary);box-shadow:var(--glow-green)}.btn-primary:hover{box-shadow:var(--glow-green-intense);color:var(--color-bg-primary);transform:translateY(-2px)}.btn-secondary{color:var(--color-text-primary);border:2px solid var(--border-neon-green);background:0 0}.btn-secondary:hover{border-color:var(--color-accent-green-bright);color:var(--color-accent-green-bright);box-shadow:var(--glow-green)}.btn-blue{background:var(--color-accent-blue);color:var(--color-text-primary);box-shadow:var(--glow-blue)}.btn-blue:hover{box-shadow:var(--glow-blue-intense);transform:translateY(-2px)}.btn-disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-disabled:hover{box-shadow:none;transform:none}@media (pointer:fine) and (prefers-reduced-motion:no-preference){a,button,[role=button],input[type=button],input[type=submit],input[type=reset],.btn{cursor:none!important}}.badge{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;font-weight:600;display:inline-block}.badge-coming-soon{color:var(--color-accent-purple);background:#8b5cf626;border:1px solid #8b5cf64d}.badge-live{color:var(--color-accent-green-bright);border:1px solid var(--border-neon-green);background:#00ff8826;box-shadow:0 0 10px #0f83}.badge-base{color:var(--color-accent-blue-light);border:1px solid var(--border-neon-blue);background:#0052ff26}.grid{gap:var(--spacing-xl);display:grid}.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(1,1fr)}@media (min-width:640px){.grid-2,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.grid-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.grid-4{grid-template-columns:repeat(4,1fr)}.section-title{font-size:var(--font-size-4xl)}}.text-center{text-align:center}.text-gradient{background:var(--gradient-neon);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-horizon{background:var(--gradient-horizon);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-sunrise{background:var(--gradient-sunrise);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.flex-center{justify-content:center;align-items:center;display:flex}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.neon-glow-green{box-shadow:var(--glow-green)}.neon-glow-blue{box-shadow:var(--glow-blue)}.neon-glow-orange{box-shadow:var(--glow-orange)}.neon-text-green{color:var(--color-accent-green-bright);text-shadow:0 0 10px #00ff8880,0 0 20px #00ff884d}.neon-text-blue{color:var(--color-accent-blue-light);text-shadow:0 0 10px #0052ff80,0 0 20px #0052ff4d}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #0f83,0 0 40px #00ff881a}50%{box-shadow:0 0 30px #0f86,0 0 60px #0f83}}@keyframes pulse-glow-blue{0%,to{box-shadow:0 0 20px #0052ff33,0 0 40px #0052ff1a}50%{box-shadow:0 0 30px #0052ff66,0 0 60px #0052ff33}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes neon-flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1;text-shadow:0 0 10px #00ff8880,0 0 20px #00ff884d}20%,24%,55%{opacity:.8;text-shadow:none}}@keyframes border-pulse{0%,to{border-color:var(--border-neon-green)}50%{border-color:var(--color-accent-green-bright)}}@keyframes scan-line{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes glow-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes glitch-hover{0%{clip-path:inset(0);transform:translate(0)}20%{clip-path:inset(10% 0 70%);transform:translate(-2px)}40%{clip-path:inset(55% 0 20%);transform:translate(2px)}60%{clip-path:inset(30% 0 40%);transform:translate(-1px,1px)}80%{clip-path:inset(75% 0 10%);transform:translate(1px,-1px)}to{clip-path:inset(0);transform:translate(0)}}@keyframes glitch-load{0%{opacity:0;clip-path:inset(0);transform:translate(0)}15%{opacity:.9;clip-path:inset(8% 0 65%);transform:translate(5px,-2px)}35%{opacity:.6;clip-path:inset(40% 0 30%);transform:translate(-6px,3px)}55%{opacity:.8;clip-path:inset(70% 0 12%);transform:translate(4px)}75%{opacity:.4;clip-path:inset(20% 0 50%);transform:translate(-3px,-2px)}to{opacity:0;clip-path:inset(0);transform:translate(0)}}@keyframes glitch-load-alt{0%{opacity:0;clip-path:inset(0);transform:translate(0)}18%{opacity:.7;clip-path:inset(12% 0 58%);transform:translate(-5px,2px)}38%{opacity:.6;clip-path:inset(55% 0 18%);transform:translate(6px,-3px)}60%{opacity:.75;clip-path:inset(32% 0 40%);transform:translate(-4px,1px)}80%{opacity:.35;clip-path:inset(72% 0 8%);transform:translate(3px,-1px)}to{opacity:0;clip-path:inset(0);transform:translate(0)}}@keyframes glitch-rgb{0%{text-shadow:none;transform:translate(0)}20%{text-shadow:-3px 0 #00d4ff99,3px 0 #00ff8880;transform:translate(-2px)}45%{text-shadow:2px 0 #00d4ff80,-2px 0 #00ff8873;transform:translate(2px,-1px)}70%{text-shadow:-2px 0 #00d4ff73,2px 0 #00ff8859;transform:translate(-1px,1px)}to{text-shadow:none;transform:translate(0)}}.animate-float{animation:6s ease-in-out infinite float}.animate-pulse-glow{animation:3s ease-in-out infinite pulse-glow}.animate-pulse-glow-blue{animation:3s ease-in-out infinite pulse-glow-blue}.animate-neon-flicker{animation:4s linear infinite neon-flicker}.animate-border-pulse{animation:2s ease-in-out infinite border-pulse}.cyber-grid{pointer-events:none;background-image:linear-gradient(#00ff8808 1px,#0000 1px),linear-gradient(90deg,#00ff8808 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 20% 80%,#0000);mask-image:linear-gradient(#0000,#000 20% 80%,#0000)}@keyframes border-rotate{0%{--angle:0deg}to{--angle:360deg}}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}.animated-border{background:var(--color-bg-card);border-radius:var(--radius-lg);position:relative}.animated-border:before{content:"";border-radius:inherit;background:conic-gradient(from var(--angle), var(--color-accent-green-bright), var(--color-accent-cyan), var(--color-accent-blue), var(--color-accent-purple), var(--color-accent-green-bright));-webkit-mask-composite:xor;opacity:0;transition:opacity var(--transition-glow);padding:2px;animation:4s linear infinite border-rotate;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.animated-border:hover:before{opacity:1}.animated-border:after{content:"";border-radius:inherit;background:var(--color-bg-card);z-index:-1;position:absolute;inset:0}.animated-border-always:before{opacity:.5}.animated-border-always:hover:before{opacity:1}.animated-border-glow:hover{box-shadow:0 0 20px #00ff884d,0 0 40px #0052ff33,0 0 60px #8b5cf61a}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible{outline:2px solid var(--color-accent-green-bright);outline-offset:4px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}.animated-border:before{background:var(--border-neon-green);animation:none}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}