@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Rajdhani:wght@300;400;500;600;700&family=Share+Tech+Mono&display=swap";
:root{--neon-cyan:#00f0ff;--neon-magenta:#f0a;--neon-purple:#8b00ff;--neon-green:#0f8;--dark-bg:#0a0a0f;--darker-bg:#050508;--grid-color:#00f0ff14}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--dark-bg);color:#fff;min-height:100vh;font-family:Rajdhani,sans-serif;overflow-x:hidden}.grid-bg{background-image:linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);pointer-events:none;z-index:0;background-size:50px 50px;width:100%;height:100%;animation:20s linear infinite gridMove;position:fixed;top:0;left:0}@keyframes gridMove{0%{transform:perspective(500px)rotateX(60deg)translateY(0)}to{transform:perspective(500px)rotateX(60deg)translateY(50px)}}.particles{pointer-events:none;z-index:1;width:100%;height:100%;position:fixed;top:0;left:0}.particle{background:var(--neon-cyan);width:4px;height:4px;box-shadow:0 0 10px var(--neon-cyan), 0 0 20px var(--neon-cyan);border-radius:50%;animation:15s ease-in-out infinite float;position:absolute}@keyframes float{0%,to{opacity:0;transform:translateY(100vh)translate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-10vh)translate(100px)}}.scanlines{pointer-events:none;z-index:1000;opacity:.3;background:repeating-linear-gradient(0deg,#0000001a 0 1px,#0000 1px 2px);width:100%;height:100%;position:fixed;top:0;left:0}main{z-index:10;position:relative}.hero{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative}.hero-content{text-align:center;animation:1s ease-out fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.glitch-wrapper{display:inline-block;position:relative}.glitch{text-transform:uppercase;color:#fff;text-shadow:0 0 10px var(--neon-cyan), 0 0 20px var(--neon-cyan), 0 0 40px var(--neon-cyan), 0 0 80px var(--neon-magenta);font-family:Orbitron,sans-serif;font-size:clamp(3rem,10vw,8rem);font-weight:900;animation:3s infinite glitchShadow;position:relative}.glitch:before,.glitch:after{content:attr(data-text);width:100%;height:100%;position:absolute;top:0;left:0}.glitch:before{color:var(--neon-cyan);clip-path:polygon(0 0,100% 0,100% 35%,0 35%);animation:2s infinite glitch1;transform:translate(-2px,-2px)}.glitch:after{color:var(--neon-magenta);clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%);animation:2s infinite glitch2;transform:translate(2px,2px)}@keyframes glitch1{0%,to{transform:translate(0)}20%{transform:translate(-3px,3px)}40%{transform:translate(-3px,-3px)}60%{transform:translate(3px,3px)}80%{transform:translate(3px,-3px)}}@keyframes glitch2{0%,to{transform:translate(0)}20%{transform:translate(3px,-3px)}40%{transform:translate(3px,3px)}60%{transform:translate(-3px,-3px)}80%{transform:translate(-3px,3px)}}@keyframes glitchShadow{0%,to{text-shadow:0 0 10px var(--neon-cyan), 0 0 20px var(--neon-cyan), 0 0 40px var(--neon-cyan)}50%{text-shadow:0 0 10px var(--neon-magenta), 0 0 20px var(--neon-magenta), 0 0 40px var(--neon-magenta)}}.subtitle{color:var(--neon-green);letter-spacing:.5em;text-transform:uppercase;margin-top:1rem;font-family:Share Tech Mono,monospace;font-size:clamp(1rem,3vw,1.5rem);animation:2s steps(30,end) .5s both typeIn}@keyframes typeIn{0%{width:0}to{width:100%}}.neon-box{border:1px solid var(--neon-cyan);background:#0a0a0fcc;border-radius:10px;max-width:800px;margin:2rem auto;padding:2rem;position:relative;overflow:hidden;box-shadow:0 0 20px #00f0ff33,inset 0 0 20px #00f0ff0d}.neon-box:before{content:"";background:linear-gradient(45deg,#0000,#0000 40%,#00f0ff1a 50%,#0000 60%,#0000);width:200%;height:200%;animation:4s linear infinite borderGlow;position:absolute;top:-50%;left:-50%}@keyframes borderGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.neon-box h2{color:var(--neon-cyan);margin-bottom:1rem;font-family:Orbitron,sans-serif;font-size:1.8rem;position:relative}.neon-box p{color:#ccc;font-family:Rajdhani,sans-serif;font-size:1.1rem;line-height:1.8;position:relative}section{padding:4rem 2rem;position:relative}.section-title{text-align:center;width:100%;margin-bottom:3rem;font-family:Orbitron,sans-serif;font-size:clamp(2rem,5vw,3rem);display:inline-block;position:relative}.section-title span{z-index:1;background:var(--dark-bg);padding:0 2rem;position:relative}.section-title:after{content:"";background:linear-gradient(90deg, transparent, var(--neon-magenta), transparent);width:100%;height:1px;position:absolute;top:50%;left:0}.about-section{background:linear-gradient(#0000,#00f0ff0d,#0000);padding:6rem 2rem}.about-container{flex-direction:column;align-items:center;gap:2rem;max-width:900px;margin:0 auto;display:flex}@media (min-width:768px){.about-container{text-align:left;flex-direction:row}}.profile-image-container{flex-shrink:0;position:relative}.profile-image{-o-object-fit:cover;object-fit:cover;border:3px solid var(--neon-cyan);border-radius:50%;width:200px;height:200px;animation:3s ease-in-out infinite alternate profileGlow;box-shadow:0 0 30px #00f0ff80,inset 0 0 20px #00f0ff1a}@keyframes profileGlow{0%{box-shadow:0 0 30px #00f0ff80,inset 0 0 20px #00f0ff1a}to{box-shadow:0 0 50px #ff00aa80,inset 0 0 30px #ff00aa1a}}.profile-ring{border:2px solid var(--neon-cyan);border-radius:50%;animation:10s linear infinite ringRotate;position:absolute;inset:-10px}.profile-ring:before{content:"";background:var(--neon-magenta);width:10px;height:10px;box-shadow:0 0 10px var(--neon-magenta);border-radius:50%;position:absolute;top:50%;left:0}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.about-content h2{color:var(--neon-cyan);margin-bottom:1rem;font-family:Orbitron,sans-serif;font-size:2rem}.about-content p{color:#ccc;font-size:1.1rem;line-height:1.8}.about-bio{color:var(--neon-green);border-left:2px solid var(--neon-green);background:#00ff880d;margin-top:1rem;padding:1rem;font-family:Share Tech Mono,monospace;font-size:.95rem}.bmc-section{justify-content:center;padding:2rem;display:flex}.bmc-button{cursor:pointer;color:#1a1a1a;text-transform:uppercase;letter-spacing:.1em;background:linear-gradient(135deg,#fd0,#fa0);border:none;border-radius:50px;align-items:center;gap:12px;padding:16px 32px;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 20px #fd06}.bmc-button:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 8px 30px #fd09}.bmc-button svg{width:24px;height:24px}.bmc-button span{background:#0000001a;border-radius:20px;padding:4px 12px}.services-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:0 auto;display:grid}.service-card{border:1px solid #0000;-o-border-image:linear-gradient(135deg, var(--neon-cyan), var(--neon-magenta)) 1;border-image:linear-gradient(135deg, var(--neon-cyan), var(--neon-magenta)) 1;cursor:pointer;background:linear-gradient(135deg,#0a0a0fe6,#14141ee6);padding:2rem;transition:all .3s;position:relative}.service-card:before{content:"";background:linear-gradient(135deg, var(--neon-cyan), var(--neon-magenta));opacity:0;z-index:-1;transition:opacity .3s;position:absolute;inset:0}.service-card:hover:before{opacity:.1}.service-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00f0ff33}.service-card h3{color:var(--neon-cyan);margin-bottom:1rem;font-family:Orbitron,sans-serif;font-size:1.4rem}.service-card p{color:#aaa;line-height:1.6}.service-icon{filter:drop-shadow(0 0 10px var(--neon-cyan));margin-bottom:1rem;font-size:3rem;display:block}.tech-stack{flex-wrap:wrap;justify-content:center;gap:1rem;max-width:1000px;margin:2rem auto;display:flex}.tech-tag{border:1px solid var(--neon-cyan);color:var(--neon-cyan);background:#00f0ff1a;padding:.5rem 1.5rem;font-family:Share Tech Mono,monospace;font-size:.9rem;transition:all .3s;position:relative;overflow:hidden}.tech-tag:before{content:"";background:linear-gradient(90deg,#0000,#00f0ff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.tech-tag:hover:before{left:100%}.tech-tag:hover{background:#00f0ff33;box-shadow:0 0 20px #00f0ff66}.terminal{background:#0d0d0d;border:1px solid #333;border-radius:10px;max-width:700px;margin:3rem auto;overflow:hidden;box-shadow:0 10px 30px #00000080}.terminal-header{background:#1a1a1a;align-items:center;gap:.5rem;padding:.8rem 1rem;display:flex}.terminal-dot{border-radius:50%;width:12px;height:12px}.terminal-dot.red{background:#ff5f56}.terminal-dot.yellow{background:#ffbd2e}.terminal-dot.green{background:#27c93f}.terminal-title{color:#666;margin-left:1rem;font-family:Share Tech Mono,monospace;font-size:.8rem}.terminal-body{padding:1.5rem;font-family:Share Tech Mono,monospace;font-size:.9rem;line-height:1.8}.terminal-line{margin-bottom:.5rem;display:block}.terminal-prompt{color:var(--neon-green)}.terminal-command{color:#fff}.terminal-output{color:#888;padding-left:1rem}.terminal-cursor{background:var(--neon-cyan);vertical-align:middle;width:8px;height:16px;animation:1s infinite blink;display:inline-block}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.stats-section{background:linear-gradient(#0000,#8b00ff1a,#0000);padding:4rem 2rem}.stats-grid{text-align:center;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:1000px;margin:0 auto;display:grid}.stat-item{position:relative}.stat-number{background:linear-gradient(135deg, var(--neon-cyan), var(--neon-magenta));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Orbitron,sans-serif;font-size:clamp(2.5rem,6vw,4rem);font-weight:900}.stat-label{color:#888;text-transform:uppercase;letter-spacing:.2em;margin-top:.5rem;font-family:Share Tech Mono,monospace;font-size:1rem}.cta-section{text-align:center;padding:6rem 2rem;position:relative}.cta-button{text-transform:uppercase;letter-spacing:.2em;border:2px solid var(--neon-cyan);color:var(--neon-cyan);cursor:pointer;background:0 0;padding:1.5rem 3rem;font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block;position:relative;overflow:hidden}.cta-button:before{content:"";background:linear-gradient(90deg, transparent, var(--neon-cyan), transparent);z-index:-1;width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.cta-button:hover:before{left:100%}.cta-button:hover{background:var(--neon-cyan);color:var(--dark-bg);box-shadow:0 0 30px var(--neon-cyan), 0 0 60px var(--neon-cyan)}.footer{background:var(--darker-bg);text-align:center;border-top:1px solid #00f0ff33;padding:3rem 2rem}.counter-box{border:1px solid var(--neon-cyan);background:#00f0ff0d;margin-bottom:2rem;padding:2rem 3rem;display:inline-block}.counter-label{color:#888;text-transform:uppercase;letter-spacing:.3em;margin-bottom:.5rem;font-family:Share Tech Mono,monospace;font-size:.9rem}.counter-value{color:var(--neon-green);text-shadow:0 0 20px var(--neon-green);font-family:Orbitron,sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:900}.footer-text{color:#666;font-family:Rajdhani,sans-serif;font-size:.9rem}.footer-links{justify-content:center;gap:2rem;margin-top:1rem;display:flex}.footer-links a{color:#888;font-family:Share Tech Mono,monospace;font-size:.85rem;text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--neon-cyan)}.noise{pointer-events:none;z-index:999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}@media (max-width:768px){.glitch{font-size:2.5rem}.services-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.modal-container{width:95%;max-height:90vh;margin:1rem;overflow-y:auto}}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;background:#050508f2;justify-content:center;align-items:center;animation:.3s ease-out modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-container{border:1px solid var(--neon-cyan);background:linear-gradient(135deg,#0a0a0ffa,#14141efa);border-radius:15px;width:90%;max-width:500px;animation:.4s ease-out modalSlideIn;position:relative;overflow:hidden;box-shadow:0 0 30px #00f0ff4d,0 0 60px #ff00aa1a,inset 0 0 30px #00f0ff0d}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{background:#0000004d;border-bottom:1px solid #00f0ff33;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-title-wrapper{align-items:center;gap:.75rem;display:flex}.modal-icon{filter:drop-shadow(0 0 10px var(--neon-cyan));font-size:1.5rem}.modal-title{color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan);letter-spacing:.1em;font-family:Orbitron,sans-serif;font-size:1rem}.modal-close{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:30px;height:30px;padding:.5rem;transition:all .3s;display:flex;position:relative}.close-line{background:var(--neon-magenta);width:20px;height:2px;transition:all .3s;position:absolute}.close-line:first-child{transform:rotate(45deg)}.close-line:last-child{transform:rotate(-45deg)}.modal-close:hover .close-line{box-shadow:0 0 10px var(--neon-magenta);background:#fff}.modal-terminal-header{background:#0d0d0d;border-bottom:1px solid #00f0ff1a;align-items:center;gap:.5rem;padding:.6rem 1rem;display:flex}.modal-terminal-title{color:#666;margin-left:.5rem;font-family:Share Tech Mono,monospace;font-size:.75rem}.modal-form{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--neon-green);letter-spacing:.1em;margin-bottom:.5rem;font-family:Share Tech Mono,monospace;font-size:.85rem;display:block}.label-bracket{color:var(--neon-cyan)}.label-optional{color:#666;margin-left:.25rem;font-size:.75rem}.form-input{color:#fff;background:#00000080;border:1px solid #00f0ff4d;border-radius:5px;outline:none;width:100%;padding:.875rem 1rem;font-family:Share Tech Mono,monospace;font-size:.95rem;transition:all .3s}.form-input::placeholder{color:#555}.form-input:focus{border-color:var(--neon-cyan);box-shadow:0 0 10px #00f0ff33,inset 0 0 5px #00f0ff0d}.form-input:hover:not(:focus){border-color:#00f0ff80}.form-textarea{resize:vertical;min-height:100px}.submit-button{border:2px solid var(--neon-cyan);width:100%;color:var(--neon-cyan);cursor:pointer;letter-spacing:.1em;background:0 0;border-radius:5px;justify-content:center;align-items:center;gap:.75rem;margin-top:.5rem;padding:1rem;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.submit-button:hover:not(:disabled){background:var(--neon-cyan);color:var(--dark-bg);box-shadow:0 0 30px #00f0ff80}.submit-button:disabled{opacity:.6;cursor:not-allowed}.button-icon{font-size:1.2rem}.loading-dots:after{content:"";animation:1.5s infinite loadingDots}@keyframes loadingDots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.modal-success,.modal-error{text-align:center;padding:2.5rem 1.5rem}.success-icon{border:3px solid var(--neon-green);width:80px;height:80px;color:var(--neon-green);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;font-size:2.5rem;animation:.4s ease-out successPop,2s ease-in-out infinite successGlow;display:flex;box-shadow:0 0 30px #00ff884d}@keyframes successPop{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes successGlow{0%,to{box-shadow:0 0 30px #00ff884d}50%{box-shadow:0 0 50px #00ff8880}}.modal-success h3{color:var(--neon-green);text-shadow:0 0 10px var(--neon-green);margin-bottom:.75rem;font-family:Orbitron,sans-serif;font-size:1.25rem}.modal-success p{color:#888;font-family:Rajdhani,sans-serif;font-size:1rem}.success-terminal{background:#00ff880d;border:1px solid #00ff884d;border-radius:5px;margin-top:1.5rem;padding:1rem;font-family:Share Tech Mono,monospace;font-size:.9rem}.modal-error .error-icon{border:3px solid var(--neon-magenta);width:80px;height:80px;color:var(--neon-magenta);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;font-size:2.5rem;animation:.5s ease-out errorShake;display:flex;box-shadow:0 0 30px #ff00aa4d}@keyframes errorShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.modal-error h3{color:var(--neon-magenta);text-shadow:0 0 10px var(--neon-magenta);margin-bottom:.75rem;font-family:Orbitron,sans-serif;font-size:1.25rem}.modal-error p{color:#888;margin-bottom:1.5rem;font-family:Rajdhani,sans-serif;font-size:1rem}.retry-button{border:2px solid var(--neon-magenta);color:var(--neon-magenta);cursor:pointer;letter-spacing:.1em;background:0 0;border-radius:5px;padding:.75rem 1.5rem;font-family:Orbitron,sans-serif;font-size:.85rem;transition:all .3s}.retry-button:hover{background:var(--neon-magenta);color:var(--dark-bg);box-shadow:0 0 20px #ff00aa80}.form-input:focus{animation:.15s ease-out inputGlitch}@keyframes inputGlitch{0%{transform:translate(0)}25%{transform:translate(-2px)}50%{transform:translate(2px)}75%{transform:translate(-1px)}to{transform:translate(0)}}.maintenance-notice{text-align:center;border:1px solid var(--neon-magenta);background:#ff00aa1a;border-radius:8px;margin-top:1rem;padding:2rem}.maintenance-icon{margin-bottom:1rem;font-size:2.5rem}.maintenance-notice h3{color:var(--neon-magenta);text-shadow:0 0 10px var(--neon-magenta);margin-bottom:.5rem;font-family:Orbitron,sans-serif;font-size:1.2rem}.maintenance-notice p{color:#ccc;margin-bottom:.5rem}.maintenance-alt{font-size:.9rem}.maintenance-alt a{color:var(--neon-cyan);text-decoration:none;transition:all .3s}.maintenance-alt a:hover{color:var(--neon-magenta);text-shadow:0 0 10px var(--neon-magenta)}