@charset "UTF-8";:root{--cyber-green: #00ff88;--cyber-green-dim: #00cc6a;--neon-blue: #00d4ff;--neon-purple: #a855f7;--neon-pink: #ff00ff;--matrix-green: #00ff41;--dark-bg: #0a0a0f;--dark-surface: #12121a;--dark-card: #1a1a25;--dark-border: #2a2a3a;--text-primary: #e0e0e0;--text-secondary: #8888aa;--text-muted: #666680;--gradient-cyber: linear-gradient(135deg, var(--cyber-green) 0%, var(--neon-blue) 50%, var(--neon-purple) 100%);--gradient-matrix: linear-gradient(180deg, var(--matrix-green) 0%, transparent 100%);--gradient-dark: linear-gradient(135deg, var(--dark-bg) 0%, var(--dark-surface) 100%);--glow-green: 0 0 20px rgba(0, 255, 136, .3), 0 0 40px rgba(0, 255, 136, .1);--glow-blue: 0 0 20px rgba(0, 212, 255, .3), 0 0 40px rgba(0, 212, 255, .1);--glow-purple: 0 0 20px rgba(168, 85, 247, .3), 0 0 40px rgba(168, 85, 247, .1);--font-display: "Orbitron", "Courier New", monospace;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;overflow-x:hidden}body{font-family:var(--font-body);background:var(--dark-bg);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;position:relative;width:100%;max-width:100vw}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--dark-surface)}::-webkit-scrollbar-thumb{background:var(--cyber-green);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--neon-blue)}::selection{background:var(--cyber-green);color:var(--dark-bg)}a{color:var(--cyber-green);text-decoration:none;transition:color .2s ease,text-shadow .2s ease}a:hover,a:focus{color:var(--neon-blue);text-shadow:0 0 10px currentColor}a:focus-visible{outline:2px solid var(--cyber-green);outline-offset:2px;border-radius:var(--radius-sm)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;letter-spacing:.02em;text-transform:uppercase}code,pre,.mono{font-family:var(--font-mono)}.cyber-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-family:var(--font-display);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;border:2px solid var(--cyber-green);background:transparent;color:var(--cyber-green);cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.cyber-btn:before{content:"";position:absolute;inset:0;background:var(--cyber-green);transform:translate(-100%);transition:transform .3s ease;z-index:-1}.cyber-btn:hover,.cyber-btn:focus{color:var(--dark-bg);box-shadow:var(--glow-green)}.cyber-btn:hover:before,.cyber-btn:focus:before{transform:translate(0)}.cyber-btn:focus-visible{outline:none}.cyber-btn i,.cyber-btn .fa-solid,.cyber-btn .fa-brands{font-size:1.1em}.cyber-btn--primary{background:var(--cyber-green);color:var(--dark-bg)}.cyber-btn--primary:before{background:var(--neon-blue)}.cyber-btn--primary:hover,.cyber-btn--primary:focus{border-color:var(--neon-blue)}.cyber-btn--purple{border-color:var(--neon-purple);color:var(--neon-purple)}.cyber-btn--purple:before{background:var(--neon-purple)}.cyber-btn--purple:hover,.cyber-btn--purple:focus{box-shadow:var(--glow-purple)}.cyber-btn--blue{border-color:var(--neon-blue);color:var(--neon-blue)}.cyber-btn--blue:before{background:var(--neon-blue)}.cyber-btn--blue:hover,.cyber-btn--blue:focus{box-shadow:var(--glow-blue)}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}.glitch:before{animation:glitch-1 .3s infinite linear alternate-reverse;color:var(--neon-blue);clip-path:polygon(0 0,100% 0,100% 45%,0 45%)}.glitch:after{animation:glitch-2 .3s infinite linear alternate-reverse;color:var(--neon-pink);clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%)}@keyframes glitch-1{0%{transform:translate(0)}20%{transform:translate(-2px)}40%{transform:translate(2px)}60%{transform:translate(-1px)}80%{transform:translate(1px)}to{transform:translate(0)}}@keyframes glitch-2{0%{transform:translate(0)}20%{transform:translate(2px)}40%{transform:translate(-2px)}60%{transform:translate(1px)}80%{transform:translate(-1px)}to{transform:translate(0)}}.scanlines{position:relative;overflow:hidden}.scanlines:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none;animation:scanlines 8s linear infinite}@keyframes scanlines{0%{background-position:0 0}to{background-position:0 100vh}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px var(--cyber-green),0 0 10px var(--cyber-green);opacity:1}50%{box-shadow:0 0 20px var(--cyber-green),0 0 40px var(--cyber-green);opacity:.8}}.matrix-bg{position:relative}.matrix-bg:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at top,rgba(0,255,65,.03) 0%,transparent 50%),radial-gradient(ellipse at bottom,rgba(0,212,255,.03) 0%,transparent 50%);pointer-events:none}.glass-card{background:#1a1a25cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--dark-border);border-radius:var(--radius-lg);transition:all .3s ease}.glass-card:hover{border-color:var(--cyber-green);box-shadow:var(--glow-green)}.terminal-box{background:var(--dark-surface);border:1px solid var(--cyber-green);border-radius:var(--radius-md);padding:var(--space-lg);font-family:var(--font-mono);position:relative}.terminal-box:before{content:"\25cf  \25cf  \25cf";position:absolute;top:var(--space-sm);left:var(--space-md);color:var(--cyber-green);font-size:.6rem;letter-spacing:4px}.status-online{display:inline-flex;align-items:center;gap:var(--space-sm);color:var(--cyber-green)}.status-online:before{content:"";width:8px;height:8px;background:var(--cyber-green);border-radius:50%;animation:pulse-glow 2s infinite}.cyber-chip{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);font-family:var(--font-mono);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--cyber-green);color:var(--cyber-green);background:#00ff881a;border-radius:var(--radius-sm)}.cyber-chip i{font-size:.7rem}.grid-overlay{position:relative}.grid-overlay:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,255,136,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,136,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none}.text-cyber{color:var(--cyber-green)}.text-blue{color:var(--neon-blue)}.text-purple{color:var(--neon-purple)}.text-muted{color:var(--text-muted)}.bg-dark{background:var(--dark-bg)}.bg-surface{background:var(--dark-surface)}.bg-card{background:var(--dark-card)}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}@media(max-width:768px){html{font-size:14px}.cyber-btn{padding:var(--space-sm) var(--space-lg);font-size:.8rem}.glitch:before,.glitch:after{animation:none;display:none}.scanlines:after{animation:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}