*{box-sizing:border-box;padding:0;margin:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--bg-primary:#0a0a0f;--bg-secondary:#13131a;--bg-tertiary:#1a1a24;--neon-cyan:#0ff;--neon-magenta:#f0f;--neon-yellow:#ff0;--neon-pink:#ff1493;--neon-green:#0f0;--text-primary:#fff;--text-secondary:silver;--text-tertiary:grey;--accent-primary:var(--neon-cyan);--accent-secondary:var(--neon-magenta);--font-mono:"Courier New",monospace;--font-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--space-xs:0.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem;--glow-sm:0 0 10px;--glow-md:0 0 20px;--glow-lg:0 0 30px;--transition-fast:150ms ease-in-out;--transition-base:300ms ease-in-out;--transition-slow:500ms ease-in-out}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(transparent 50%,rgba(0,255,255,.02) 0);background-size:100% 4px;pointer-events:none;z-index:1000;animation:scanlines 8s linear infinite}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(4px)}}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;line-height:1.2;margin:0}h1{font-size:clamp(2rem,5vw,4rem);background:linear-gradient(45deg,var(--neon-cyan),var(--neon-magenta));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(0,255,255,.5))}h2{font-size:clamp(1.5rem,4vw,2.5rem);color:var(--neon-cyan);text-shadow:var(--glow-sm) var(--neon-cyan)}h3{font-size:clamp(1.25rem,3vw,1.75rem);color:var(--text-primary)}p{font-size:1rem;line-height:1.8;color:var(--text-secondary);margin:var(--space-md) 0}a{color:var(--neon-cyan);text-decoration:none;transition:all var(--transition-base);position:relative}a:hover{color:var(--neon-magenta);text-shadow:var(--glow-sm) currentColor}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.glow-text{text-shadow:0 0 10px currentColor,0 0 20px currentColor,0 0 30px currentColor}.neon-border{border:2px solid var(--neon-cyan);box-shadow:inset 0 0 10px rgba(0,255,255,.2),0 0 20px rgba(0,255,255,.4);transition:all var(--transition-base)}.neon-border:hover{border-color:var(--neon-magenta);box-shadow:inset 0 0 10px rgba(255,0,255,.2),0 0 20px rgba(255,0,255,.4)}.crt-effect{position:relative;overflow:hidden}.crt-effect:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(hsla(0,6%,7%,0) 50%,rgba(0,0,0,.25) 0);background-size:100% 2px;pointer-events:none;z-index:1}@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)}}.glitch{position:relative;animation:glitch 2s infinite}.glitch:after,.glitch:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch:before{animation:glitch .3s infinite;color:var(--neon-cyan);z-index:-1;animation-delay:.1s}.glitch:after{animation:glitch .3s infinite reverse;color:var(--neon-magenta);z-index:-1;animation-delay:.2s}.grid-bg{position:fixed;top:0;left:0;width:100%;height:100%;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;z-index:-1;opacity:.3}@media (max-width:768px){:root{--space-sm:0.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem}body{font-size:.9rem}}::selection{background-color:var(--neon-cyan);color:var(--bg-primary)}::-moz-selection{background-color:var(--neon-cyan);color:var(--bg-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--neon-cyan);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--neon-magenta)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:var(--space-xl);gap:var(--space-xl);margin-top:var(--space-2xl)}.blog-card-link{display:block;text-decoration:none;height:100%}.blog-card{padding:var(--space-lg);height:100%;display:flex;flex-direction:column;transition:all var(--transition-base);cursor:pointer}.blog-card:hover{transform:translateY(-4px);background:linear-gradient(135deg,var(--bg-tertiary) 0,rgba(0,255,255,.1) 100%)}.blog-card-content{flex:1 1;display:flex;flex-direction:column}.blog-card-header{margin-bottom:var(--space-md)}.blog-card-title{font-size:1.5rem;margin-bottom:var(--space-sm);color:var(--neon-cyan);text-shadow:var(--glow-sm) var(--neon-cyan);transition:all var(--transition-base)}.blog-card:hover .blog-card-title{color:var(--neon-magenta);text-shadow:var(--glow-md) var(--neon-magenta)}.blog-card-date{font-size:.875rem;color:var(--neon-yellow);margin-top:var(--space-xs);display:inline-block}.blog-card-excerpt{flex:1 1;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-md)}.blog-card-footer{margin-top:auto}.read-more{font-family:var(--font-mono);font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;color:var(--neon-cyan);display:inline-block;transition:all var(--transition-base)}.blog-card:hover .read-more{color:var(--neon-magenta);transform:translateX(8px)}.page-title{text-align:center;margin-bottom:var(--space-2xl)}.page-title h1{font-size:clamp(3rem,8vw,6rem);margin-bottom:var(--space-md)}.page-subtitle{font-family:var(--font-mono);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.2em;font-size:1rem}.blog-post{padding:var(--space-2xl) 0}.blog-post-header{margin-bottom:var(--space-2xl)}.back-link{display:inline-block;margin-bottom:var(--space-lg);font-size:.875rem}.blog-post-meta{margin-top:var(--space-lg);max-width:600px}.blog-post-content{max-width:800px;margin:0 auto;padding:var(--space-2xl) 0}.blog-post-content h1,.blog-post-content h2,.blog-post-content h3{margin-top:var(--space-xl);margin-bottom:var(--space-md)}.blog-post-content p{font-size:1.125rem;line-height:1.8;margin-bottom:var(--space-md)}.blog-post-content a{border-bottom:1px solid var(--neon-cyan);padding-bottom:2px}.blog-post-content a:hover{border-bottom-color:var(--neon-magenta)}.blog-post-content ol,.blog-post-content ul{margin:var(--space-md) 0;padding-left:var(--space-lg);color:var(--text-secondary)}.blog-post-content li{margin-bottom:var(--space-xs)}.blog-post-content blockquote{border-left:4px solid var(--neon-cyan);padding-left:var(--space-lg);margin:var(--space-lg) 0;font-style:italic;color:var(--text-secondary)}.blog-post-content code{background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;font-family:var(--font-mono);font-size:.9em;color:var(--neon-green)}.blog-post-content pre{background:var(--bg-tertiary);border:1px solid rgba(0,255,255,.2);border-radius:8px;padding:var(--space-md);overflow-x:auto;margin:var(--space-lg) 0}.blog-post-content pre code{background:none;padding:0;font-size:.875rem;line-height:1.6}.blog-post-footer{margin-top:var(--space-2xl);text-align:center}.blog-section{margin-bottom:var(--space-2xl)}.blog-section .terminal-window{margin-bottom:var(--space-xl);max-width:600px}.site-header{position:fixed;top:0;left:0;right:0;background:rgba(10,10,15,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,255,255,.2);z-index:100;padding:var(--space-md) 0}.site-nav{display:flex;justify-content:space-between;align-items:center}.logo{text-decoration:none;display:inline-block}.logo-text{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;letter-spacing:.1em;color:var(--neon-cyan)}.nav-links{display:flex;gap:var(--space-lg);align-items:center}.nav-link{font-family:var(--font-mono);font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);transition:all var(--transition-base);position:relative}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--neon-cyan);transition:width var(--transition-base)}.nav-link:hover{color:var(--neon-cyan)}.nav-link:hover:after{width:100%}.nav-separator{font-family:var(--font-mono);font-size:.875rem;color:var(--text-secondary);opacity:.5;-webkit-user-select:none;-moz-user-select:none;user-select:none}body{padding-top:80px}@media (max-width:768px){.site-header{padding:var(--space-sm) 0}.logo-text{font-size:1.25rem}.nav-links{gap:var(--space-md)}body{padding-top:60px}}.retro-grid-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-2;opacity:.5}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.terminal-cursor:after{content:"_";display:inline-block;color:var(--neon-cyan);animation:blink 1s infinite;text-shadow:var(--glow-sm) var(--neon-cyan)}@keyframes typing{0%{width:0}to{width:100%}}.typing-effect{overflow:hidden;white-space:nowrap;animation:typing 3s steps(40)}.hologram{position:relative;display:inline-block}.hologram:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;background:linear-gradient(45deg,transparent,var(--neon-cyan) 25%,transparent 50%,var(--neon-magenta) 75%,transparent);background-size:200% 200%;animation:hologram-scan 3s linear infinite;opacity:.5;z-index:-1;filter:blur(5px)}@keyframes hologram-scan{0%{background-position:200% 200%}to{background-position:-200% -200%}}.neon-button{display:inline-block;padding:var(--space-sm) var(--space-lg);background:transparent;border:2px solid var(--neon-cyan);color:var(--neon-cyan);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;position:relative;overflow:hidden;transition:all var(--transition-base)}.neon-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--neon-cyan);transition:left var(--transition-base);z-index:-1}.neon-button:hover{color:var(--bg-primary);box-shadow:inset 0 0 20px rgba(0,255,255,.5),0 0 30px rgba(0,255,255,.5)}.neon-button:hover:before{left:0}.matrix-rain{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden}.matrix-rain:before{content:"10101010101010101010101010101010101010101010";position:absolute;top:-100%;left:0;width:100%;height:200%;color:var(--neon-green);font-family:var(--font-mono);font-size:1rem;opacity:.05;animation:matrix-fall 20s linear infinite;word-break:break-all;white-space:pre-wrap}@keyframes matrix-fall{0%{transform:translateY(0)}to{transform:translateY(100%)}}.terminal-window{background:var(--bg-secondary);border:2px solid var(--neon-cyan);border-radius:8px 8px 0 0;overflow:hidden;box-shadow:0 0 20px rgba(0,255,255,.3),inset 0 0 20px rgba(0,255,255,.1)}.terminal-header{background:var(--bg-tertiary);padding:var(--space-xs) var(--space-sm);display:flex;align-items:center;gap:var(--space-xs);border-bottom:1px solid var(--neon-cyan)}.terminal-button{width:12px;height:12px;border-radius:50%;background:var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan)}.terminal-button.close{background:#f55;box-shadow:0 0 10px #f55}.terminal-button.minimize{background:#ff5;box-shadow:0 0 10px #ff5}.terminal-button.maximize{background:#5f5;box-shadow:0 0 10px #5f5}.terminal-content{padding:var(--space-md);font-family:var(--font-mono);color:var(--neon-green);text-shadow:0 0 5px rgba(0,255,0,.5)}.future-card{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:1px solid rgba(0,255,255,.3);position:relative;overflow:hidden;transition:all var(--transition-base)}.future-card:before{top:0;left:-100%;background:linear-gradient(90deg,transparent,var(--neon-cyan),transparent);animation:scan-line 3s linear infinite}.future-card:after,.future-card:before{content:"";position:absolute;width:100%;height:1px}.future-card:after{bottom:0;right:-100%;background:linear-gradient(90deg,transparent,var(--neon-magenta),transparent);animation:scan-line-reverse 3s linear infinite}@keyframes scan-line{0%{left:-100%}to{left:100%}}@keyframes scan-line-reverse{0%{right:-100%}to{right:100%}}.cyber-divider{height:2px;background:linear-gradient(90deg,transparent 0,var(--neon-cyan) 25%,var(--neon-magenta) 50%,var(--neon-cyan) 75%,transparent 100%);margin:var(--space-xl) 0;position:relative;overflow:hidden}.cyber-divider:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.5) 50%,transparent);animation:divider-shine 4s linear infinite}@keyframes divider-shine{0%{left:-100%}to{left:100%}}.retro-badge{display:inline-block;padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);border:1px solid var(--neon-yellow);color:var(--neon-yellow);font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;position:relative;-webkit-clip-path:polygon(0 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,0 100%);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,0 100%)}.retro-badge:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:var(--neon-yellow);opacity:0;transition:opacity var(--transition-fast);z-index:-1;-webkit-clip-path:inherit;clip-path:inherit}.retro-badge:hover:before{opacity:.2}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}.pulse{animation:pulse 2s ease-in-out infinite}.neon-input{background:transparent;border:none;border-bottom:2px solid var(--neon-cyan);color:var(--text-primary);font-family:var(--font-mono);padding:var(--space-xs) 0;outline:none;transition:all var(--transition-base)}.neon-input:focus{border-bottom-color:var(--neon-magenta);box-shadow:0 2px 20px rgba(255,0,255,.3)}.progress-bar{width:100%;height:20px;background:var(--bg-secondary);border:1px solid var(--neon-cyan);position:relative;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-magenta));transition:width var(--transition-base);position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3) 50%,transparent);animation:progress-shine 2s linear infinite}@keyframes progress-shine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}