*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#00f3ff;--secondary:#ff00ff;--tertiary:#ffff00;--success:#00ff41;--danger:#ff0055;--bg-dark:#0a0e17;--bg-darker:#050810;--bg-terminal:rgba(10,14,23,0.95);--text-primary:#e0e0e0;--text-secondary:#a0a0a0;--glow-cyan:0 0 10px #00f3ff,0 0 20px #00f3ff,0 0 30px #00f3ff;--glow-pink:0 0 10px #ff00ff,0 0 20px #ff00ff,0 0 30px #ff00ff;--glow-yellow:0 0 10px #ffff00,0 0 20px #ffff00,0 0 30px #ffff00}@font-face{font-family:'FiraCode';src:local('Fira Code'),local('Consolas'),local('Monaco'),local('Courier New')}body{font-family:'FiraCode','Courier New',monospace;background:var(--bg-darker);color:var(--text-primary);overflow-x:hidden;line-height:1.6;position:relative}.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998;background:repeating-linear-gradient( 0deg,rgba(0,0,0,0.15),rgba(0,0,0,0.15) 1px,transparent 1px,transparent 2px );animation:scanline-move 8s linear infinite}@keyframes scanline-move{0%{transform:translateY(0)}100%{transform:translateY(10px)}}.vignette{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9997;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,0.7) 100%);animation:flicker 0.15s infinite alternate}@keyframes flicker{0%,100%{opacity:1}50%{opacity:0.95}}.glitch-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9996;background:transparent;animation:glitch-overlay 5s infinite}@keyframes glitch-overlay{0%,90%,100%{opacity:0}91%{opacity:0.8;background:linear-gradient(90deg,transparent,rgba(255,0,255,0.1),transparent);transform:translateX(-10px)}92%{opacity:0.5;transform:translateX(10px)}93%{opacity:0}}#particles,#digitalRain,#mouseTrail{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none}#particles{z-index:1}#digitalRain{z-index:2;opacity:0.3}#mouseTrail{z-index:3;opacity:0.6}.code-snippets{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:hidden}.code-snippet{position:absolute;font-family:'Courier New',monospace;font-size:0.7rem;color:var(--primary);opacity:0.2;animation:float-code 20s linear infinite;white-space:nowrap}@keyframes float-code{0%{transform:translateY(100vh) translateX(0) rotate(0deg);opacity:0}10%{opacity:0.3}90%{opacity:0.3}100%{transform:translateY(-100vh) translateX(50px) rotate(5deg);opacity:0}}.holo-grid{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(0,243,255,0.03) 1px,transparent 1px),linear-gradient(rgba(0,243,255,0.03) 1px,transparent 1px);background-size:100px 100px;animation:grid-move 20s linear infinite}@keyframes grid-move{0%{background-position:0 0;opacity:0.5}50%{opacity:0.2}100%{background-position:100px 100px;opacity:0.5}}.preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-darker);z-index:99999;display:flex;align-items:center;justify-content:center;transition:opacity 0.5s ease,visibility 0.5s ease;overflow:hidden}#preloaderBg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.preloader.hidden{opacity:0;visibility:hidden}.preloader-content{text-align:left;position:relative;z-index:2}.loading-terminal{background:var(--bg-terminal);border:2px solid var(--primary);border-radius:8px;padding:2rem;box-shadow:0 0 30px rgba(0,243,255,0.5);min-width:600px;max-width:90vw}.loading-ascii{font-size:0.5rem;color:var(--primary);text-shadow:0 0 10px var(--primary);margin-bottom:1rem;white-space:pre;line-height:1.2;opacity:0;animation:fade-in-line 0.3s ease forwards,ascii-glow 2s ease-in-out infinite}@keyframes ascii-glow{0%,100%{text-shadow:0 0 10px var(--primary);color:var(--primary)}50%{text-shadow:0 0 20px var(--secondary),0 0 30px var(--secondary);color:var(--secondary)}}.loading-line{margin:0.3rem 0;opacity:0;font-size:0.9rem;animation:fade-in-line 0.3s ease forwards}.loading-line:nth-child(1){animation-delay:0.3s}.loading-line:nth-child(2){animation-delay:0.5s}.loading-line:nth-child(3){animation-delay:0.7s}.loading-line:nth-child(4){animation-delay:0.9s}.loading-line:nth-child(5){animation-delay:1.1s}.loading-line:nth-child(6){animation-delay:1.3s}.loading-line:nth-child(7){animation-delay:1.5s}.loading-line:nth-child(8){animation-delay:1.7s}.loading-line:nth-child(9){animation-delay:1.9s}.loading-line:nth-child(10){animation-delay:2.1s}.loading-line:nth-child(11){animation-delay:3.4s}@keyframes fade-in-line{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.loading-text{color:var(--text-primary)}.success-text{color:var(--success) !important;text-shadow:0 0 5px var(--success)}.success-final{color:var(--success) !important;text-shadow:0 0 10px var(--success);font-weight:bold;animation:pulse-success 0.5s ease-in-out infinite}@keyframes pulse-success{0%,100%{opacity:1}50%{opacity:0.7}}.loading-bar-container{margin-top:1rem;height:24px;background:rgba(0,0,0,0.5);border:1px solid var(--primary);border-radius:4px;overflow:visible;opacity:0;animation:fade-in-line 0.3s ease 2.1s forwards;position:relative}.loading-bar{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--tertiary),var(--success));background-size:300% 100%;width:0%;animation:loading-progress 1.3s ease 2.1s forwards,gradient-flow 2s linear infinite;box-shadow:0 0 20px var(--primary);position:relative}.loading-percentage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-primary);font-size:0.8rem;font-weight:bold;z-index:2;opacity:0;animation:fade-in-line 0.3s ease 2.1s forwards}@keyframes loading-progress{0%{width:0%}100%{width:100%}}.container{position:relative;z-index:10;min-height:100vh}.terminal-nav{position:fixed;top:0;left:0;width:100%;background:rgba(10,14,23,0.9);backdrop-filter:blur(10px);border-bottom:2px solid var(--primary);box-shadow:0 0 20px rgba(0,243,255,0.3);z-index:1000;animation:nav-glitch 8s infinite}@keyframes nav-glitch{0%,98%,100%{border-bottom-color:var(--primary)}99%{border-bottom-color:var(--secondary);box-shadow:0 0 20px rgba(255,0,255,0.5)}}.nav-content{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:bold;color:var(--primary);text-shadow:var(--glow-cyan);letter-spacing:2px;position:relative}.nav-links{display:flex;gap:2rem}.nav-link{color:var(--text-primary);text-decoration:none;transition:all 0.3s ease;position:relative;padding:0.5rem 1rem;border:1px solid transparent}.nav-link:hover{color:var(--primary);text-shadow:var(--glow-cyan);border:1px solid var(--primary);background:rgba(0,243,255,0.1);animation:border-flicker 0.5s infinite}@keyframes border-flicker{0%,100%{border-color:var(--primary)}50%{border-color:var(--secondary)}}.prompt{color:var(--success);margin-right:0.5rem}.glitch{position:relative;animation:glitch-main 3s infinite}.glitch::before,.glitch::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch::before{animation:glitch-before 2s infinite;clip-path:polygon(0 0,100% 0,100% 45%,0 45%);transform:translateX(-2px);color:var(--primary);text-shadow:-2px 0 var(--primary)}.glitch::after{animation:glitch-after 3s infinite;clip-path:polygon(0 80%,100% 20%,100% 100%,0 100%);transform:translateX(2px);color:var(--secondary);text-shadow:-2px 0 var(--secondary)}@keyframes glitch-main{0%,100%{transform:translateX(0)}20%{transform:translateX(-2px)}40%{transform:translateX(2px)}60%{transform:translateX(-2px)}80%{transform:translateX(2px)}}@keyframes glitch-before{0%,100%{clip-path:polygon(0 0,100% 0,100% 45%,0 45%)}20%{clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%)}40%{clip-path:polygon(0 10%,100% 10%,100% 40%,0 40%)}}@keyframes glitch-after{0%,100%{clip-path:polygon(0 80%,100% 20%,100% 100%,0 100%)}30%{clip-path:polygon(0 20%,100% 60%,100% 80%,0 40%)}60%{clip-path:polygon(0 50%,100% 50%,100% 70%,0 70%)}}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:6rem 2rem 2rem;position:relative;animation:section-pulse 10s infinite}@keyframes section-pulse{0%,100%{background:var(--bg-darker)}50%{background:linear-gradient(135deg,#0a0e17 0%,#1a0e27 50%,#0a0e17 100%)}}.hero-content{max-width:1400px;width:100%;display:flex;flex-direction:column;gap:3rem}.terminal-window{background:var(--bg-terminal);border:2px solid var(--primary);border-radius:8px;box-shadow:0 0 20px rgba(0,243,255,0.3),inset 0 0 20px rgba(0,243,255,0.05);overflow:hidden;animation:window-flicker 4s infinite}@keyframes window-flicker{0%,98%,100%{border-color:var(--primary);box-shadow:0 0 20px rgba(0,243,255,0.3),inset 0 0 20px rgba(0,243,255,0.05)}99%{border-color:var(--secondary);box-shadow:0 0 20px rgba(255,0,255,0.5),inset 0 0 20px rgba(255,0,255,0.1)}}.terminal-header{background:rgba(0,0,0,0.5);padding:0.75rem 1rem;display:flex;align-items:center;gap:0.5rem;border-bottom:1px solid var(--primary)}.terminal-button{width:12px;height:12px;border-radius:50%;animation:button-pulse 2s infinite}.terminal-button.red{background:var(--danger);box-shadow:0 0 5px var(--danger)}.terminal-button.yellow{background:var(--tertiary);box-shadow:0 0 5px var(--tertiary);animation-delay:0.2s}.terminal-button.green{background:var(--success);box-shadow:0 0 5px var(--success);animation-delay:0.4s}@keyframes button-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.7;transform:scale(0.9)}}.terminal-title{color:var(--text-secondary);font-size:0.9rem;margin-left:auto}.terminal-body{padding:1.5rem;font-size:1rem;min-height:400px}.terminal-line{margin-bottom:1rem}.command{color:var(--primary)}.cursor{color:var(--primary);animation:cursor-blink 1s infinite}@keyframes cursor-blink{0%,49%{opacity:1}50%,100%{opacity:0}}.terminal-output{margin-top:1rem;color:var(--success);line-height:1.8;min-height:350px}.hero-cta{text-align:center;animation:float 6s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}.ascii-art{font-size:0.6rem;color:var(--primary);text-shadow:var(--glow-cyan);margin-bottom:2rem;line-height:1.2;animation:ascii-pulse 3s infinite;white-space:pre;overflow-x:auto}@keyframes ascii-pulse{0%,100%{opacity:1;text-shadow:var(--glow-cyan)}50%{opacity:0.7;text-shadow:var(--glow-pink)}}.glitch-text{font-size:3rem;font-weight:bold;margin:1rem 0;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--tertiary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 5s infinite}@keyframes gradient-shift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.subtitle{font-size:1.2rem;margin:1rem 0 2rem}.rgb-text{background:linear-gradient(90deg,var(--primary),var(--secondary),var(--tertiary),var(--primary));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-flow 3s linear infinite}@keyframes gradient-flow{0%{background-position:0% center}100%{background-position:200% center}}.cta-button{display:inline-block;padding:1rem 2rem;background:transparent;border:2px solid var(--primary);color:var(--primary);text-decoration:none;font-size:1.1rem;position:relative;overflow:hidden;transition:all 0.3s ease;box-shadow:0 0 20px rgba(0,243,255,0.3)}.cta-button:hover{background:var(--primary);color:var(--bg-dark);box-shadow:0 0 30px rgba(0,243,255,0.6);transform:scale(1.05);animation:button-glitch 0.3s infinite}@keyframes button-glitch{0%,100%{transform:scale(1.05) translateX(0)}25%{transform:scale(1.05) translateX(-2px)}75%{transform:scale(1.05) translateX(2px)}}section{padding:4rem 2rem;max-width:1400px;margin:0 auto}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:2.5rem;margin-bottom:1rem;color:var(--primary);text-shadow:var(--glow-cyan)}.services-section{background:linear-gradient(180deg,var(--bg-darker) 0%,rgba(26,14,39,0.3) 50%,var(--bg-darker) 100%);animation:services-bg 15s infinite}@keyframes services-bg{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.service-card{background:var(--bg-terminal);border:2px solid var(--text-secondary);border-radius:8px;padding:2rem;transition:all 0.5s ease;position:relative;overflow:hidden;opacity:1;animation:border-rgb-flicker 2s infinite}@keyframes border-rgb-flicker{0%,100%{border-color:var(--text-secondary);box-shadow:0 0 5px rgba(160,160,160,0.3)}10%{border-color:var(--primary);box-shadow:0 0 20px rgba(0,243,255,0.6),inset 0 0 10px rgba(0,243,255,0.1)}15%{border-color:var(--text-secondary);box-shadow:0 0 5px rgba(160,160,160,0.3)}30%{border-color:var(--secondary);box-shadow:0 0 20px rgba(255,0,255,0.6),inset 0 0 10px rgba(255,0,255,0.1)}35%{border-color:var(--text-secondary);box-shadow:0 0 5px rgba(160,160,160,0.3)}60%{border-color:var(--tertiary);box-shadow:0 0 20px rgba(255,255,0,0.5),inset 0 0 10px rgba(255,255,0,0.1)}65%{border-color:var(--text-secondary);box-shadow:0 0 5px rgba(160,160,160,0.3)}80%{border-color:var(--success);box-shadow:0 0 20px rgba(0,255,65,0.6),inset 0 0 10px rgba(0,255,65,0.1)}85%{border-color:var(--text-secondary);box-shadow:0 0 5px rgba(160,160,160,0.3)}}.service-card:nth-child(1){animation-duration:1.8s}.service-card:nth-child(2){animation-duration:2.2s}.service-card:nth-child(3){animation-duration:2.0s}.service-card:nth-child(4){animation-duration:2.4s}.service-card:hover{transform:translateY(-10px) scale(1.02);border-color:var(--primary);box-shadow:0 10px 40px rgba(0,243,255,0.6);animation:none;opacity:1 !important}.service-card .card-title,.service-card .card-body,.service-card .terminal-output,.service-card p{opacity:1 !important}.service-card:hover .card-title,.service-card:hover .card-body,.service-card:hover .terminal-output,.service-card:hover p{opacity:1 !important}@keyframes border-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes card-glitch{0%,100%{transform:translateY(-10px) scale(1.02)}50%{transform:translateY(-10px) scale(1.02) translateX(2px)}}.card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.card-icon{font-size:2rem;color:var(--primary);animation:icon-pulse 2s infinite}@keyframes icon-pulse{0%,100%{text-shadow:0 0 10px var(--primary);transform:scale(1)}50%{text-shadow:0 0 20px var(--primary),0 0 30px var(--secondary);transform:scale(1.1)}}.service-card:hover .card-icon{animation:none;transform:scale(1.1);text-shadow:0 0 20px var(--primary),0 0 30px var(--primary)}.card-title{font-size:1.2rem;color:var(--primary);letter-spacing:2px}.card-body .terminal-output p{margin:0.5rem 0;display:flex;align-items:center;gap:0.5rem}.success{color:var(--success);font-weight:bold}.card-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--text-secondary)}.status-indicator{color:var(--text-secondary)}.status-active{color:var(--success);animation:status-blink 2s infinite}@keyframes status-blink{0%,80%,100%{opacity:1}90%{opacity:0.5}}.about-section{background:var(--bg-darker)}.about-content{display:grid;grid-template-columns:1fr;gap:3rem}.about-terminal .terminal-window{height:100%}.file-content{font-size:0.95rem;line-height:1.8}.file-content p{margin:0.25rem 0}.comment{color:var(--text-secondary);font-style:italic}.keyword{color:var(--secondary);font-weight:bold}.property{color:var(--primary)}.string{color:var(--success)}.number{color:var(--tertiary)}.highlight{color:var(--primary);background:rgba(0,243,255,0.1);padding:0 0.3rem;border-radius:3px}.success-msg{color:var(--success);font-weight:bold;animation:success-glow 2s infinite}@keyframes success-glow{0%,100%{text-shadow:0 0 5px var(--success)}50%{text-shadow:0 0 20px var(--success),0 0 30px var(--success)}}.contact-section{background:linear-gradient(180deg,var(--bg-darker) 0%,rgba(26,14,39,0.5) 50%,var(--bg-darker) 100%)}.contact-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:3rem}.info-line{margin:1.5rem 0 0.5rem}.info-output{margin:0.5rem 0 1rem}.contact-link{display:inline-flex;align-items:center;gap:0.5rem;color:var(--primary);text-decoration:none;font-size:1.2rem;transition:all 0.3s ease;padding:0.5rem;border:1px solid transparent}.contact-link:hover{text-shadow:var(--glow-cyan);border:1px solid var(--primary);background:rgba(0,243,255,0.1);transform:translateX(10px)}.contact-link .icon{font-size:1.5rem}.contact-reveal{cursor:pointer;position:relative}.contact-reveal .contact-hidden{color:var(--text-secondary);letter-spacing:2px}.contact-reveal:hover .contact-hidden{color:var(--primary);animation:pulse-glow 1s infinite}@keyframes pulse-glow{0%,100%{text-shadow:0 0 5px var(--primary)}50%{text-shadow:0 0 15px var(--primary),0 0 25px var(--primary)}}.contact-reveal.revealed{border:1px solid var(--success);background:rgba(0,255,65,0.1)}.contact-reveal.revealed .contact-shown{color:var(--success);text-shadow:0 0 10px var(--success);animation:reveal-flash 0.5s ease}@keyframes reveal-flash{0%{opacity:0;transform:scale(0.9)}50%{opacity:1;transform:scale(1.05)}100%{opacity:1;transform:scale(1)}}.contact-reveal.revealed .contact-shown{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:0.5rem}.form-label{color:var(--text-secondary);font-size:0.9rem}.form-input,.form-textarea{background:rgba(0,0,0,0.5);border:1px solid var(--text-secondary);color:var(--text-primary);padding:0.75rem 1rem;font-family:inherit;font-size:1rem;border-radius:4px;transition:all 0.3s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 10px rgba(0,243,255,0.3);background:rgba(0,243,255,0.05)}.form-textarea{resize:vertical;min-height:120px}.submit-button{background:transparent;border:2px solid var(--primary);color:var(--primary);padding:1rem 2rem;font-family:inherit;font-size:1.1rem;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;gap:1rem;box-shadow:0 0 20px rgba(0,243,255,0.3)}.submit-button:hover{background:var(--primary);color:var(--bg-dark);box-shadow:0 0 30px rgba(0,243,255,0.6);transform:scale(1.05);animation:button-glitch 0.3s infinite}.form-message{padding:1rem;border-radius:4px;text-align:center;display:none}.form-message.success{background:rgba(0,255,65,0.1);border:1px solid var(--success);color:var(--success);display:block}.form-message.error{background:rgba(255,0,85,0.1);border:1px solid var(--danger);color:var(--danger);display:block}.footer{background:rgba(0,0,0,0.8);border-top:2px solid var(--primary);padding:2rem;text-align:center}.footer-content{max-width:1400px;margin:0 auto}.footer-output{margin-top:1rem;color:var(--text-secondary)}.footer-tagline{margin-top:0.5rem;font-size:0.9rem}@media (max-width:768px){.nav-content{flex-direction:column;gap:1rem}.nav-links{flex-wrap:wrap;justify-content:center;gap:1rem}.hero-section{padding:8rem 1rem 2rem}.glitch-text{font-size:2rem}.ascii-art{font-size:0.4rem}.section-title{font-size:2rem}.services-grid{grid-template-columns:1fr}.contact-content{grid-template-columns:1fr}.stat-value{font-size:2rem}}@keyframes slide-in-left{from{transform:translateX(-100px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slide-in-right{from{transform:translateX(100px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes fade-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fade-in 0.8s ease-out}.slide-in-left{animation:slide-in-left 0.8s ease-out}.slide-in-right{animation:slide-in-right 0.8s ease-out}.text-glow-cyan{text-shadow:var(--glow-cyan)}.text-glow-pink{text-shadow:var(--glow-pink)}.text-glow-yellow{text-shadow:var(--glow-yellow)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:5px;box-shadow:0 0 10px var(--primary)}::-webkit-scrollbar-thumb:hover{background:var(--secondary);box-shadow:0 0 10px var(--secondary)}::selection{background:var(--primary);color:var(--bg-dark)}::-moz-selection{background:var(--primary);color:var(--bg-dark)}