:root{--cyber-green-50: #e6fff0;--cyber-green-100: #b3ffd6;--cyber-green-200: #80ffbd;--cyber-green-300: #4dffa3;--cyber-green-400: #1aff8a;--cyber-green-500: #00ff6a;--cyber-green-600: #00cc55;--cyber-green-700: #009940;--cyber-green-800: #00662b;--cyber-green-900: #003316;--cyber-cyan: #00ffff;--cyber-pink: #ff00ff;--cyber-yellow: #ffff00;--bg-primary: #0a0e14;--bg-secondary: #0f1419;--bg-tertiary: #151a21;--bg-card: #1a1f29;--accent-gradient: linear-gradient(135deg, #00ff6a 0%, #00cc55 100%);--accent-gradient-2: linear-gradient(135deg, #00ffff 0%, #00ff6a 100%);--accent-gradient-3: linear-gradient(135deg, #00ff6a 0%, #00ffff 100%);--glow-gradient: linear-gradient(90deg, transparent, #00ff6a, transparent);--shadow-sm: 0 1px 2px 0 rgba(0, 255, 106, .1);--shadow-md: 0 4px 6px -1px rgba(0, 255, 106, .2), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 255, 106, .3), 0 4px 6px -2px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 255, 106, .4), 0 10px 10px -5px rgba(0, 0, 0, .5);--shadow-2xl: 0 25px 50px -12px rgba(0, 255, 106, .5);--glow-green: 0 0 20px rgba(0, 255, 106, .5), 0 0 40px rgba(0, 255, 106, .3);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-cyber: .3s cubic-bezier(.34, 1.56, .64, 1)}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;font-family:JetBrains Mono,Fira Code,Courier New,monospace,-apple-system,BlinkMacSystemFont,Segoe UI;background:var(--bg-primary);color:#e0e0e0}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-left:1px solid rgba(0,255,106,.1)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00ff6a,#0c5);border-radius:0;box-shadow:0 0 10px #00ff6a80}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0ff,#00ff6a);box-shadow:0 0 15px #00ff6acc}.glass-effect{background:#0a0e14d9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(0,255,106,.2);box-shadow:inset 0 1px #00ff6a1a,0 4px 20px #00000080}.dark .glass-effect{background:#0a0e14e6;border:1px solid rgba(0,255,106,.3)}.gradient-text,.dark .gradient-text{background:linear-gradient(135deg,#00ff6a,#0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:#00ff6a}.animated-gradient{background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.float-animation{animation:float 6s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.pulse-glow{animation:pulse-glow 2s ease-in-out infinite}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer{background:linear-gradient(90deg,#fff0,#ffffff4d,#fff0);background-size:1000px 100%;animation:shimmer 2s infinite}.card-hover{transition:all var(--transition-base);position:relative}.card-hover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:2px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--transition-base)}.card-hover:hover:before{opacity:1}.btn-primary{position:relative;overflow:hidden;transition:all var(--transition-base)}.btn-primary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-primary:hover:before{width:300px;height:300px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out forwards}.stagger-item{opacity:0;animation:fadeInUp .6s ease-out forwards}.stagger-item:nth-child(1){animation-delay:.1s}.stagger-item:nth-child(2){animation-delay:.2s}.stagger-item:nth-child(3){animation-delay:.3s}.stagger-item:nth-child(4){animation-delay:.4s}.stagger-item:nth-child(5){animation-delay:.5s}.stagger-item:nth-child(6){animation-delay:.6s}.stagger-item:nth-child(7){animation-delay:.7s}.stagger-item:nth-child(8){animation-delay:.8s}*:focus-visible{outline:2px solid #3b82f6;outline-offset:2px;border-radius:4px}::selection{background-color:#3b82f6;color:#fff}.dark ::selection{background-color:#60a5fa;color:#111827}img{transition:opacity var(--transition-base)}img[loading=lazy]{opacity:0}img.loaded{opacity:1}@supports (backdrop-filter: blur(20px)) or (-webkit-backdrop-filter: blur(20px)){.backdrop-blur-support{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}}.modern-shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f,0 0 0 1px #0000000d}.dark .modern-shadow{box-shadow:0 1px 3px #0000004d,0 1px 2px #0003,0 0 0 1px #ffffff0d}.gradient-border{position:relative;background:#fff;border-radius:12px}.dark .gradient-border{background:#1f2937}.gradient-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;padding:2px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);padding:6px 12px;background:#000000e6;color:#fff;font-size:12px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-base),transform var(--transition-base)}[data-tooltip]:hover:after{opacity:1;transform:translate(-50%) translateY(-4px)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{animation:spin 1s linear infinite}@keyframes skeleton-loading{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0,#f8f8f8,#f0f0f0 80px);background-size:200px 100%;animation:skeleton-loading 1.5s ease-in-out infinite}.dark .skeleton{background:linear-gradient(90deg,#374151,#4b5563,#374151 80px)}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}@keyframes glitch{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes neon-glow{0%,to{text-shadow:0 0 10px rgba(0,255,106,.8),0 0 20px rgba(0,255,106,.6),0 0 30px rgba(0,255,106,.4)}50%{text-shadow:0 0 20px rgba(0,255,106,1),0 0 30px rgba(0,255,106,.8),0 0 40px rgba(0,255,106,.6)}}@keyframes border-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes data-stream{0%{transform:translateY(-100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh);opacity:0}}.cyber-border{position:relative;border:1px solid rgba(0,255,106,.3);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.cyber-border:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:linear-gradient(90deg,#00ff6a,#0ff,#00ff6a);background-size:200% 100%;animation:border-flow 3s linear infinite;opacity:0;transition:opacity .3s;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));z-index:-1;pointer-events:none}.cyber-border:hover:before{opacity:1}.neon-text{color:#00ff6a;animation:neon-glow 2s ease-in-out infinite}.glitch-effect{animation:glitch .3s infinite}.cyber-button{position:relative;background:transparent;border:2px solid #00ff6a;color:#00ff6a;padding:.75rem 2rem;font-family:JetBrains Mono,monospace;font-weight:600;text-transform:uppercase;letter-spacing:2px;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));transition:all .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden;z-index:1}.cyber-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#00ff6a,#0ff);opacity:0;transition:opacity .3s;z-index:-1}.cyber-button:hover{color:#0a0e14;box-shadow:0 0 20px #00ff6a99,inset 0 0 20px #00ff6a33;transform:translateY(-2px)}.cyber-button:hover:before{opacity:1}.cyber-button span,.cyber-button>*{position:relative;z-index:1}.scanline{position:relative;overflow:hidden}.scanline:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#00ff6a,transparent);animation:scanline 4s linear infinite;opacity:.3}.cyber-grid{background-image:linear-gradient(rgba(0,255,106,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,106,.05) 1px,transparent 1px);background-size:50px 50px}.terminal-cursor:after{content:"▊";color:#00ff6a;animation:blink 1s step-end infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}