:root{--color-bg:#050508;--color-bg-elevated:#0a0d14;--color-surface:#0c101cb3;--color-surface-alt:#141a2aa6;--neon-cyan:#00f2ff;--neon-gold:#ffb703;--neon-red:#f05;--neon-purple:#b700ff;--neon-green:#00e676;--neon-blue:#08f;--color-primary:var(--neon-cyan);--color-primary-glow:#00f2ff59;--color-secondary:var(--neon-gold);--color-secondary-glow:#ffb70359;--color-accent:var(--neon-purple);--color-danger:var(--neon-red);--color-danger-glow:#ff005559;--color-success:var(--neon-green);--color-success-glow:#00e67659;--text-primary:#fff;--text-secondary:#b0b8c8;--text-muted:#6b7280;--text-inverted:#050508;--glass-bg:#0c101c99;--glass-border:#ffffff14;--glass-border-hover:#ffffff2e;--glass-blur:16px;--glass-glow:inset 0 0 20px #00f2ff0f;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Outfit", var(--font-sans);--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--text-5xl:3.5rem;--text-hero:clamp(2.5rem, 6vw, 4.5rem);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-xl:0 16px 48px #0009;--shadow-glow-cyan:0 0 30px var(--color-primary-glow);--shadow-glow-gold:0 0 30px var(--color-secondary-glow);--shadow-glow-red:0 0 30px var(--color-danger-glow);--shadow-glow-green:0 0 30px var(--color-success-glow);--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-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--max-width:1200px;--max-width-sm:640px;--max-width-md:768px;--max-width-lg:1024px}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--neon-cyan);text-shadow:0 0 8px var(--color-primary-glow)}img,video{max-width:100%;display:block}.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}.heading-hero{font-family:var(--font-display);font-size:var(--text-hero);letter-spacing:-.02em;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#a0a0a0 100%);-webkit-background-clip:text;background-clip:text;font-weight:900;line-height:1.1}.heading-hero .highlight{background:linear-gradient(135deg, var(--neon-cyan), var(--neon-blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.heading-1{font-family:var(--font-display);font-size:var(--text-4xl);letter-spacing:-.01em;font-weight:900;line-height:1.15}.heading-2{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;line-height:1.2}.heading-3{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:700;line-height:1.3}.text-body{font-size:var(--text-base);color:var(--text-secondary);line-height:1.7}.text-small{font-size:var(--text-sm);color:var(--text-muted)}.text-mono{font-family:var(--font-mono)}.text-gradient-cyan{background:linear-gradient(135deg, var(--neon-cyan), var(--neon-blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-gold{background:linear-gradient(135deg, var(--neon-gold), #f80);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-lg);margin:0 auto}.container-sm{max-width:var(--max-width-sm)}.container-md{max-width:var(--max-width-md)}.grid-2{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.grid-3{gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.grid-4{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.section-spacing{padding:var(--space-4xl) 0}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-xl);transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-slow);position:relative;overflow:hidden}.glass-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;position:absolute;top:0;left:0;right:0}.glass-card:hover{border-color:var(--glass-border-hover);box-shadow:var(--shadow-lg), 0 0 40px #00f2ff0d;transform:translateY(-4px)}.glass-card-sm{padding:var(--space-md);border-radius:var(--radius-lg)}.glass-card-highlight{box-shadow:var(--glass-glow);border-color:#00f2ff33}.btn{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-sans);font-size:var(--text-sm);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;padding:12px 28px;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(135deg,#ffffff26,#0000);position:absolute;inset:0}.btn:hover:after{opacity:1}.btn-primary{background:linear-gradient(135deg, var(--neon-cyan), var(--neon-blue));color:var(--text-inverted);box-shadow:0 4px 20px var(--color-primary-glow)}.btn-primary:hover{box-shadow:0 8px 30px var(--color-primary-glow);transform:translateY(-2px)}.btn-cta{background:linear-gradient(135deg, var(--neon-gold), #f60);color:var(--text-inverted);font-size:var(--text-base);box-shadow:0 4px 20px var(--color-secondary-glow);padding:16px 36px;font-weight:800}.btn-cta:hover{box-shadow:0 8px 30px var(--color-secondary-glow);transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg, var(--neon-red), #c04);color:#fff;box-shadow:0 4px 20px var(--color-danger-glow)}.btn-ghost{color:var(--text-primary);border:1px solid var(--glass-border);background:0 0}.btn-ghost:hover{border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 0 20px var(--color-primary-glow)}.btn-icon{border-radius:var(--radius-md);background:var(--glass-bg);border:1px solid var(--glass-border);width:44px;height:44px;color:var(--text-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:0}.btn-icon:hover{border-color:var(--glass-border-hover);background:#ffffff14}.btn-sm{font-size:var(--text-xs);padding:8px 16px}.btn-lg{font-size:var(--text-lg);padding:18px 40px;font-weight:800}.input-field{border:1px solid var(--glass-border);width:100%;color:var(--text-primary);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-base);transition:all var(--transition-base);background:#080c16cc;outline:none;padding:14px 18px}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow), var(--glass-glow)}.input-field:invalid:not(:placeholder-shown){border-color:var(--color-danger);box-shadow:0 0 0 3px var(--color-danger-glow)}.input-group{position:relative}.input-group .input-icon{color:var(--text-muted);transition:color var(--transition-fast);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.input-group .input-field{padding-left:46px}.input-group:focus-within .input-icon{color:var(--color-primary)}.form-label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-xs);font-weight:600;display:block}.select-field{border:1px solid var(--glass-border);width:100%;color:var(--text-primary);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;appearance:none;transition:all var(--transition-base);background:#080c16cc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 14px center no-repeat;outline:none;padding:12px 16px}.select-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.badge{font-size:var(--text-xs);border-radius:var(--radius-full);letter-spacing:.02em;align-items:center;gap:6px;padding:6px 14px;font-weight:600;display:inline-flex}.badge-cyan{color:var(--neon-cyan);background:#00f2ff1a;border:1px solid #00f2ff40}.badge-gold{color:var(--neon-gold);background:#ffb7031a;border:1px solid #ffb70340}.badge-red{color:var(--neon-red);background:#ff00551a;border:1px solid #ff005540}.badge-green{color:var(--neon-green);background:#00e6761a;border:1px solid #00e67640}.badge-purple{color:var(--neon-purple);background:#b700ff1a;border:1px solid #b700ff40}.stat-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-base);position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg, var(--neon-cyan), var(--neon-blue));opacity:0;height:3px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.stat-card:hover:before{opacity:1}.stat-card:hover{border-color:var(--glass-border-hover);transform:translateY(-2px)}.stat-card .stat-icon{border-radius:var(--radius-md);width:48px;height:48px;margin-bottom:var(--space-md);color:var(--neon-cyan);background:#00f2ff14;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.stat-card .stat-value{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--text-primary);margin-bottom:var(--space-xs);font-weight:900;line-height:1}.stat-card .stat-label{font-size:var(--text-sm);color:var(--text-muted)}.stat-card .stat-trend{font-size:var(--text-xs);margin-top:var(--space-sm);align-items:center;gap:4px;font-weight:600;display:inline-flex}.stat-card .stat-trend.up{color:var(--neon-green)}.stat-card .stat-trend.down{color:var(--neon-red)}.navbar{padding:var(--space-md) 5%;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);z-index:1000;transition:all var(--transition-base);background:#050508d9;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{padding:var(--space-sm) 5%;box-shadow:var(--shadow-lg);background:#050508f2}.navbar-logo{font-family:var(--font-display);color:var(--text-primary);align-items:center;gap:10px;font-size:1.5rem;font-weight:900;text-decoration:none;display:flex}.navbar-logo i{color:var(--color-primary);filter:drop-shadow(0 0 6px var(--color-primary-glow))}.navbar-actions{align-items:center;gap:var(--space-md);display:flex}.progress-bar{border-radius:var(--radius-full);background:#ffffff0f;width:100%;height:8px;overflow:hidden}.progress-bar .progress-fill{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--neon-cyan), var(--neon-blue));height:100%;transition:width 1.2s cubic-bezier(.34,1.56,.64,1);position:relative}.progress-bar .progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s infinite shimmer;position:absolute;inset:0}.progress-ring{justify-content:center;align-items:center;display:inline-flex;position:relative}.progress-ring svg{transform:rotate(-90deg)}.progress-ring .progress-ring-bg{fill:none;stroke:#ffffff0f}.progress-ring .progress-ring-fill{fill:none;stroke-linecap:round;filter:drop-shadow(0 0 6px var(--color-primary-glow));transition:stroke-dashoffset 1.5s cubic-bezier(.34,1.56,.64,1)}.progress-ring .progress-ring-value{font-family:var(--font-display);color:var(--text-primary);font-weight:900;position:absolute}.table-premium{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.table-premium thead th{padding:var(--space-md);text-align:left;color:var(--text-muted);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--glass-border)}.table-premium tbody td{padding:var(--space-md);color:var(--text-secondary);transition:background var(--transition-fast);border-bottom:1px solid #ffffff08}.table-premium tbody tr:hover td{background:#00f2ff08}.table-premium tbody tr:last-child td{border-bottom:none}.bottom-nav{-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);padding:var(--space-sm) 0;padding-bottom:max(var(--space-sm), var(--safe-bottom));z-index:1000;background:#080a12f2;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{padding:var(--space-xs) var(--space-md);color:var(--text-muted);font-size:var(--text-xs);transition:all var(--transition-fast);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:4px;text-decoration:none;display:flex;position:relative}.bottom-nav-item i{transition:all var(--transition-fast);font-size:1.25rem}.bottom-nav-item.active,.bottom-nav-item:hover{color:var(--color-primary)}.bottom-nav-item.active i{filter:drop-shadow(0 0 8px var(--color-primary-glow))}.bottom-nav-item.active:before{content:"";background:var(--color-primary);border-radius:0 0 3px 3px;width:20px;height:3px;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;padding:var(--space-lg);background:#000c;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-2xl);width:100%;max-width:500px;animation:slideUp .4s var(--transition-spring);position:relative}.modal-content:before{content:"";background:linear-gradient(90deg, var(--neon-cyan), var(--neon-purple));border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.divider{background:linear-gradient(90deg, transparent, var(--glass-border), transparent);height:1px;margin:var(--space-xl) 0}.glow-orb{filter:blur(100px);pointer-events:none;z-index:-1;border-radius:50%;position:absolute}.glow-orb-cyan{background:var(--neon-cyan);opacity:.08}.glow-orb-purple{background:var(--neon-purple);opacity:.06}.glow-orb-gold{background:var(--neon-gold);opacity:.06}.bg-grid{pointer-events:none;z-index:-1;background-image:linear-gradient(#00f2ff08 1px,#0000 1px),linear-gradient(90deg,#00f2ff08 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(60% 50%,#000,#0000);mask-image:radial-gradient(60% 50%,#000,#0000)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 8px var(--color-primary-glow)}50%{box-shadow:0 0 25px var(--color-primary-glow)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes countUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-10deg)scale(.9)}to{opacity:1;transform:rotate(0)scale(1)}}@keyframes borderGlow{0%,to{border-color:#00f2ff33;box-shadow:0 0 10px #00f2ff0d}50%{border-color:#00f2ff80;box-shadow:0 0 20px #00f2ff26}}.animate-fade-in{animation:.6s both fadeIn}.animate-fade-in-up{animation:.6s both fadeInUp}.animate-slide-up{animation:slideUp .5s var(--transition-spring) both}.animate-pulse-glow{animation:3s ease-in-out infinite pulseGlow}.animate-float{animation:4s ease-in-out infinite float}.animate-shimmer{animation:2s infinite shimmer}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}.reveal{opacity:0;transition:all .7s cubic-bezier(.4,0,.2,1);transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.footer{border-top:1px solid var(--glass-border);padding:var(--space-3xl) 5% var(--space-2xl);background:#05050880}.footer-grid{gap:var(--space-2xl);max-width:var(--max-width);grid-template-columns:2fr 1fr 1fr 1fr;margin:0 auto;display:grid}.footer-brand .navbar-logo{margin-bottom:var(--space-md);position:static}.footer-brand p{color:var(--text-muted);font-size:var(--text-sm);max-width:300px;line-height:1.6}.footer-col h4{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.footer-col a{color:var(--text-muted);font-size:var(--text-sm);transition:color var(--transition-fast);padding:4px 0;text-decoration:none;display:block}.footer-col a:hover{color:var(--text-primary);text-shadow:none}.footer-bottom{border-top:1px solid var(--glass-border);margin-top:var(--space-2xl);padding-top:var(--space-lg);text-align:center;color:var(--text-muted);font-size:var(--text-xs);max-width:var(--max-width);margin-left:auto;margin-right:auto}@media (width<=768px){.footer-grid{gap:var(--space-xl);grid-template-columns:1fr 1fr}}@media (width<=480px){.footer-grid{grid-template-columns:1fr}}@media (width<=768px){:root{--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--space-4xl:64px}.heading-1{font-size:var(--text-3xl)}.heading-2{font-size:var(--text-2xl)}.hide-mobile{display:none!important}.container{padding:0 var(--space-md)}.grid-3,.grid-4{grid-template-columns:1fr}.navbar{padding:calc(var(--space-sm) + var(--safe-top)) var(--space-md) var(--space-sm)}.section-spacing{padding:var(--space-3xl) 0}}@media (width<=480px){.grid-2{grid-template-columns:1fr}.btn-lg{font-size:var(--text-base);padding:14px 28px}}.show-mobile-only{display:none!important}@media (width<=768px){.show-mobile-only{display:flex!important}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff1a}::-webkit-scrollbar-thumb:hover{background:#fff3}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}.skeleton-text{width:80%;height:14px;margin-bottom:8px}.skeleton-text:last-child{width:60%}.skeleton-circle{border-radius:50%}.skeleton-card{height:200px}