*{margin:0;padding:0;box-sizing:border-box}:root,[data-theme=light]{--neon-cyan: #000000;--neon-pink: #333333;--neon-green: #000000;--neon-green-bright: #1a1a1a;--neon-green-dim: #4a4a4a;--neon-green-text: #2a2a2a;--neon-yellow: #666666;--neon-purple: #555555;--dark-bg: #ffffff;--dark-purple: #f5f5f5;--grid-color: #00000011;--bg-gradient-1: #f5f5f5;--bg-gradient-2: #f0f0f0;--bg-gradient-3: #fafafa;--glow-color-1: rgba(200, 200, 200, .3);--glow-color-2: rgba(220, 220, 220, .2);--scan-line-color: rgba(0, 0, 0, .02);--shadow-glow: rgba(0, 0, 0, .1);--card-bg: rgba(245, 245, 245, .6);--nav-bg: rgba(255, 255, 255, .9);--footer-bg: rgba(245, 245, 245, .8);--cursor-color: %23000000}[data-theme=dark]{--neon-cyan: #00ff00;--neon-pink: #39ff14;--neon-green: #00ff00;--neon-green-bright: #39ff14;--neon-green-dim: #00cc00;--neon-green-text: #33ff33;--neon-yellow: #ccff00;--neon-purple: #00cc00;--dark-bg: #000000;--dark-purple: #001a00;--grid-color: #00ff0033;--bg-gradient-1: #001a00;--bg-gradient-2: #001100;--bg-gradient-3: #001a00;--glow-color-1: rgba(57, 255, 20, .3);--glow-color-2: rgba(0, 255, 0, .2);--scan-line-color: rgba(0, 255, 0, .03);--shadow-glow: rgba(0, 255, 0, .3);--card-bg: rgba(0, 0, 0, .6);--nav-bg: rgba(0, 0, 0, .8);--footer-bg: rgba(0, 0, 0, .8);--cursor-color: %2300ff00}body{margin:0;font-family:Roboto Mono,monospace;background:var(--dark-bg);color:var(--neon-green-text);overflow-x:hidden}body,body *{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><circle cx="10" cy="10" r="8" fill="%23000000" opacity="0.3"/></svg>'),auto}[data-theme=dark] body,[data-theme=dark] body *{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><circle cx="10" cy="10" r="8" fill="%2300ff00" opacity="0.6"/></svg>'),auto}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,var(--dark-purple) 0%,transparent 50%),radial-gradient(circle at 80% 80%,var(--bg-gradient-2) 0%,transparent 50%),radial-gradient(circle at 40% 20%,var(--bg-gradient-3) 0%,transparent 50%);animation:bgPulse 10s ease-in-out infinite;z-index:-2}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,var(--scan-line-color) 0px,var(--scan-line-color) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:9999;animation:scanlines 8s linear infinite}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(10px)}}@keyframes bgPulse{0%,to{opacity:1}50%{opacity:.8}}.glitch{position:relative;font-family:Space Mono,monospace;font-size:2.5rem;color:var(--neon-green-bright);text-shadow:0 0 5px var(--shadow-glow),0 0 10px var(--shadow-glow);animation:glitch 3s infinite}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;height:100%}.glitch:before{color:var(--neon-green);animation:glitchBefore 2s infinite;clip-path:polygon(0 0,100% 0,100% 45%,0 45%);text-shadow:2px 0 var(--shadow-glow)}.glitch:after{color:var(--neon-green-dim);animation:glitchAfter 3s infinite;clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);text-shadow:-2px 0 var(--shadow-glow)}@keyframes glitch{0%,90%,to{transform:translate(0)}91%{transform:translate(-2px,2px)}92%{transform:translate(2px,-2px)}93%{transform:translate(-2px,2px)}94%{transform:translate(2px,-2px)}}@keyframes glitchBefore{0%,95%,to{transform:translate(0)}96%{transform:translate(-5px)}97%{transform:translate(5px)}}@keyframes glitchAfter{0%,93%,to{transform:translate(0)}94%{transform:translate(5px)}95%{transform:translate(-5px)}}.neon-text{font-family:Orbitron,sans-serif;font-weight:900;color:var(--neon-green-bright);text-shadow:0 0 5px var(--shadow-glow),0 0 10px var(--shadow-glow);animation:flicker 4s infinite alternate}@keyframes flicker{0%,18%,22%,25%,53%,57%,to{text-shadow:0 0 5px var(--shadow-glow),0 0 10px var(--shadow-glow)}20%,24%,55%{text-shadow:none}}button{font-family:Space Mono,monospace;font-size:.8rem;padding:15px 30px;background:transparent;color:var(--neon-green);border:3px solid var(--neon-green);box-shadow:0 0 5px var(--shadow-glow),inset 0 0 10px var(--shadow-glow);cursor:pointer;transition:all .3s ease;text-transform:uppercase;position:relative;overflow:hidden}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--neon-green);transition:left .5s ease;z-index:-1}button:hover:before{left:0}button:hover{color:var(--dark-bg);box-shadow:0 0 10px var(--shadow-glow),0 0 20px var(--shadow-glow),inset 0 0 20px var(--shadow-glow)}button:active{transform:scale(.95)}a{color:var(--neon-green);text-decoration:none;text-shadow:0 0 2px var(--shadow-glow);transition:all .3s ease;position:relative}a:hover{color:var(--neon-yellow);text-shadow:0 0 5px var(--shadow-glow)}a:after{content:"→";position:absolute;right:-20px;opacity:0;transition:all .3s ease}a:hover:after{right:-25px;opacity:1}.retro-box{border:2px solid var(--neon-green);padding:20px;margin:20px 0;background:var(--card-bg);box-shadow:0 0 5px var(--shadow-glow),inset 0 0 20px var(--shadow-glow);position:relative}.retro-box:before{content:"▲";position:absolute;top:-12px;left:20px;background:var(--dark-bg);padding:0 10px;color:var(--neon-green);font-size:.8rem}.pixelated{image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;filter:contrast(1.2) saturate(1.5)}.grid-bg{background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{background-position:0 0}to{background-position:50px 50px}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--dark-bg);border:1px solid var(--neon-green)}::-webkit-scrollbar-thumb{background:var(--neon-green);box-shadow:0 0 5px var(--shadow-glow)}::-webkit-scrollbar-thumb:hover{background:var(--neon-yellow);box-shadow:0 0 10px var(--shadow-glow)}::selection{background:var(--neon-green);color:var(--dark-bg)}.blink{animation:blink 1s step-start infinite}@keyframes blink{50%{opacity:0}}.app{min-height:100vh;position:relative;z-index:1}.nav{position:fixed;top:0;left:0;right:0;padding:20px 40px;display:flex;justify-content:space-between;align-items:center;background:var(--nav-bg);border-bottom:2px solid var(--neon-green);box-shadow:0 5px 20px var(--shadow-glow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;gap:20px}.theme-toggle{padding:10px 15px;font-size:1.2rem;background:transparent;border:2px solid var(--neon-green);cursor:pointer;transition:all .3s ease;border-radius:8px}.theme-toggle:hover{transform:scale(1.1);box-shadow:0 0 10px var(--shadow-glow)}.nav-logo{font-family:Space Mono,monospace;font-size:1.2rem;color:var(--neon-green-bright);text-shadow:0 0 2px var(--shadow-glow)}.nav-links{display:flex;gap:30px;list-style:none}.nav-links a{font-family:Roboto Mono,monospace;font-size:1.5rem;color:var(--neon-green-text);padding:5px 10px;border:1px solid transparent;transition:all .3s ease}.nav-links a:hover{border:1px solid var(--neon-green-bright);box-shadow:0 0 5px var(--shadow-glow);color:var(--neon-green-bright)}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:100px 20px 50px;position:relative}.services-arrow{position:fixed;right:40px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;opacity:.6;transition:all .3s ease;z-index:999}.services-arrow:hover{opacity:1;right:35px}.arrow-text{writing-mode:vertical-rl;text-orientation:mixed;font-family:Space Mono,monospace;font-size:.9rem;color:var(--neon-green);text-shadow:0 0 5px var(--shadow-glow);letter-spacing:2px}.arrow-icon{font-size:2rem;color:var(--neon-green);text-shadow:0 0 10px var(--shadow-glow);animation:arrowBounce 2s ease-in-out infinite}@keyframes arrowBounce{0%,to{transform:translate(0)}50%{transform:translate(10px)}}.back-arrow{position:fixed;left:40px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;opacity:.6;transition:all .3s ease;z-index:999}.back-arrow:hover{opacity:1;left:35px}.back-arrow .arrow-icon{animation:arrowBounceLeft 2s ease-in-out infinite}@keyframes arrowBounceLeft{0%,to{transform:translate(0)}50%{transform:translate(-10px)}}.hero-title{margin-bottom:20px}.hero-profile-image{margin-bottom:30px}.profile-photo{width:250px;height:250px;border-radius:50%;border:4px solid var(--neon-green);box-shadow:0 0 10px var(--shadow-glow),0 0 20px var(--shadow-glow);animation:float 3s ease-in-out infinite;object-fit:cover;transition:all .3s ease}.profile-photo:hover{box-shadow:0 0 15px var(--shadow-glow),0 0 30px var(--shadow-glow);transform:scale(1.05)}.hero-subtitle{font-size:1.8rem;font-family:Roboto Mono,monospace;margin-bottom:10px;color:var(--neon-green)}.hero-description{font-size:1.4rem;max-width:600px;margin:20px auto;line-height:1.6;color:var(--neon-green-text)}.hero-cta{margin-top:40px;display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.visitor-counter{margin-top:30px;padding:10px 20px;border:2px solid var(--neon-green);background:#0009;font-family:Roboto Mono,monospace;font-size:1.2rem;color:var(--neon-green);text-shadow:0 0 5px var(--neon-green);display:inline-block}.section{min-height:100vh;padding:100px 40px;position:relative}.section-title{font-family:Space Mono,monospace;font-size:2rem;color:var(--neon-green-bright);text-align:center;margin-bottom:60px;text-shadow:0 0 5px var(--shadow-glow)}.section-content{max-width:1200px;margin:0 auto}.about-grid{display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:center}.about-image{width:100%;max-width:300px;border:3px solid var(--neon-green);box-shadow:0 0 10px var(--shadow-glow);animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.about-text{font-size:1.4rem;line-height:1.8;color:var(--neon-green-text)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px}.project-card{border:2px solid var(--neon-green);padding:20px;background:var(--card-bg);transition:all .3s ease;cursor:pointer}.project-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 0 15px var(--shadow-glow),inset 0 0 20px var(--shadow-glow);border-color:var(--neon-yellow)}.project-title{font-family:Space Mono,monospace;font-size:1rem;color:var(--neon-green);margin-bottom:15px;text-shadow:0 0 2px var(--shadow-glow)}.project-description{font-size:1.2rem;margin-bottom:15px;line-height:1.6;color:var(--neon-green-text)}.project-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.tag{padding:5px 10px;border:1px solid var(--neon-green-dim);color:var(--neon-green-text);font-size:.9rem;text-shadow:0 0 2px var(--shadow-glow);transition:all .3s ease}.tag:hover{border-color:var(--neon-green);color:var(--neon-green)}.skills-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.skill-category{border:2px solid var(--neon-green-dim);padding:20px;background:var(--card-bg);transition:all .3s ease}.skill-category:hover{border-color:var(--neon-green);box-shadow:0 0 10px var(--shadow-glow)}.skill-category h3{font-family:Space Mono,monospace;font-size:1rem;color:var(--neon-green);margin-bottom:20px;text-align:center;text-shadow:0 0 2px var(--shadow-glow)}.skill-list{list-style:none;font-size:1.3rem;line-height:2;color:var(--neon-green-text)}.skill-list li:before{content:"▸ ";color:var(--neon-green-bright)}.contact-content{text-align:center;max-width:800px;margin:0 auto;color:var(--neon-green-text)}.contact-links{display:flex;justify-content:center;gap:40px;margin-top:40px;flex-wrap:wrap}.contact-link{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:1.5rem;transition:all .3s ease;color:var(--neon-green);text-shadow:0 0 2px var(--shadow-glow)}.contact-link:hover{transform:scale(1.1);color:var(--neon-green-bright);text-shadow:0 0 5px var(--shadow-glow)}.contact-icon{font-size:3rem}.footer{padding:40px;text-align:center;border-top:2px solid var(--neon-green);background:var(--footer-bg);font-size:1.2rem}.footer-text{color:var(--neon-green-text);margin-bottom:10px}.footer-marquee{font-family:Space Mono,monospace;font-size:.8rem;color:var(--neon-yellow);overflow:hidden;white-space:nowrap}.marquee-content{display:inline-block;padding-left:100%;animation:marquee 20s linear infinite}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.services-intro{max-width:900px;margin:0 auto 50px;text-align:center}.services-profile-image{margin-bottom:30px;display:flex;justify-content:center}.services-subtitle{font-family:Space Mono,monospace;font-size:1.8rem;color:var(--neon-green-bright);margin-bottom:30px;text-shadow:0 0 2px var(--shadow-glow)}.services-description{font-size:1.2rem;line-height:1.8;margin-bottom:20px;color:var(--neon-green-text)}.services-features{max-width:800px;margin:0 auto 60px;padding:30px;background:var(--card-bg);border:2px solid var(--neon-green);border-radius:10px;box-shadow:0 0 10px var(--shadow-glow)}.services-list{list-style:none;font-size:1.2rem;line-height:2;margin-bottom:20px}.services-list li:before{content:"▸ ";color:var(--neon-green-bright)}.services-note{font-style:italic;color:var(--neon-green-text);margin-top:20px;padding-top:20px;border-top:1px solid var(--neon-green-dim)}#services,#process,#pricing{scroll-margin-top:100px}.process-section{max-width:1000px;margin:60px auto}.process-steps{display:grid;grid-template-columns:1fr;gap:25px;margin-bottom:30px}.process-step{background:var(--card-bg);border:2px solid var(--neon-green-dim);border-left:4px solid var(--neon-green);padding:25px;transition:all .3s ease}.process-step:hover{border-color:var(--neon-green);box-shadow:0 0 10px var(--shadow-glow);transform:translate(5px)}.process-step h4{font-family:Space Mono,monospace;font-size:1.3rem;color:var(--neon-green);margin-bottom:10px;text-shadow:0 0 2px var(--shadow-glow)}.process-step p{color:var(--neon-green-text);font-size:1.1rem;line-height:1.7}.process-tagline{text-align:center;font-size:1.2rem;color:var(--neon-green);margin-top:30px;padding:20px;background:var(--card-bg);border:2px solid var(--neon-green);border-radius:10px}.pricing-section{margin:60px 0}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1200px;margin:0 auto}.pricing-card{background:var(--card-bg);border:2px solid var(--neon-green-dim);border-radius:10px;padding:30px;transition:all .3s ease}.pricing-card:hover{border-color:var(--neon-green);box-shadow:0 0 15px var(--shadow-glow);transform:translateY(-5px)}.pricing-card h4{font-family:Space Mono,monospace;font-size:1.4rem;color:var(--neon-green);margin-bottom:20px;text-shadow:0 0 2px var(--shadow-glow)}.pricing-card ul{list-style:none;margin-bottom:25px;line-height:2}.pricing-card ul li:before{content:"✓ ";color:var(--neon-green-bright);font-weight:700}.migration-description{margin-bottom:20px;line-height:1.8}.pricing-details{padding-top:20px;border-top:1px solid var(--neon-green-dim)}.pricing-details p{margin:10px 0;font-size:1.1rem}#getting-started{scroll-margin-top:100px}.getting-started{max-width:800px;margin:60px auto 0;padding:40px;background:var(--card-bg);border:2px solid var(--neon-green);border-radius:10px;box-shadow:0 0 10px var(--shadow-glow)}.intake-list{list-style:none;margin:20px 0;line-height:2}.intake-list li:before{content:"→ ";color:var(--neon-green-bright)}.timeline-note{margin:25px 0;font-size:1.1rem}.services-tagline{margin-top:30px;padding-top:30px;border-top:1px solid var(--neon-green-dim);text-align:center;font-size:1.3rem;color:var(--neon-green)}.intake-button{display:inline-block;background:transparent;color:var(--neon-green);border:2px solid var(--neon-green);padding:15px 30px;font-family:Space Mono,monospace;font-size:1rem;cursor:pointer;transition:all .3s ease;text-decoration:none;border-radius:8px;box-shadow:0 0 5px var(--shadow-glow)}.intake-button:hover{background:var(--neon-green);color:var(--dark-bg);box-shadow:0 0 15px var(--shadow-glow);transform:scale(1.05)}.under-construction{position:fixed;bottom:20px;right:20px;padding:10px 20px;background:repeating-linear-gradient(45deg,#fff,#fff 10px,#000 10px 20px);border:3px solid var(--neon-green);color:#000;font-family:Space Mono,monospace;font-size:.7rem;animation:constructionBlink 1s infinite;z-index:9998}@keyframes constructionBlink{0%,50%,to{opacity:1}25%,75%{opacity:.7}}@media(max-width:768px){.nav{justify-content:center}.nav-links{display:none}.hero-title .glitch{font-size:1.8rem}.about-grid{grid-template-columns:1fr;text-align:center}.about-image{margin:0 auto}.section{padding:80px 20px}.contact-links{flex-direction:column;gap:30px}.pricing-grid{grid-template-columns:1fr}.services-subtitle{font-size:1.5rem}.services-features,.getting-started,.process-section,.process-step{padding:20px}.process-step h4{font-size:1.1rem}.process-step p{font-size:1rem}.intake-button{font-size:.9rem;padding:12px 25px}.services-arrow{right:20px;gap:8px}.services-arrow:hover{right:15px}.back-arrow{left:20px;gap:8px}.back-arrow:hover{left:15px}.arrow-text{font-size:.75rem;letter-spacing:1.5px}.arrow-icon{font-size:1.5rem}}@media(max-width:480px){.hero{padding:70px 20px 10px}.hero-profile-image{margin-top:10px}}@media(max-width:390px){.hero{padding:110px 10px 10px}.hero-profile-image{margin-top:10px;margin-bottom:1px}.profile-photo{width:60%;height:60%}}
