@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&display=swap";.header{position:fixed;top:0;left:0;right:0;width:100%;background:#000000e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:2px solid #00ff88;z-index:1000;font-family:JetBrains Mono,monospace;overflow-x:hidden;box-sizing:border-box}.nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;position:relative}.nav:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#00ff88,transparent);animation:scanLine 3s linear infinite}@keyframes scanLine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.logo{font-size:1.2rem;font-weight:700;color:#0f8;text-decoration:none;position:relative;font-family:JetBrains Mono,monospace}.logo:before{content:"> ";color:#f08;animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.nav-links{display:flex;list-style:none;gap:0;background:#00000080;border-radius:0}.nav-links li{position:relative}.nav-links a{display:block;padding:12px 20px;text-decoration:none;color:#fff;font-weight:400;font-size:14px;transition:all .3s ease;position:relative;font-family:JetBrains Mono,monospace}.nav-links li:last-child a{border-right:none}.nav-links a:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:linear-gradient(90deg,#f08,#0f8);transition:width .3s ease;z-index:-1}.nav-links a:hover:before,.nav-links a.active:before{width:100%}.nav-links a:hover,.nav-links a.active{color:#000;text-shadow:none}.nav-links a.active{background:#00ff881a;color:#0f8}.terminal-prompt{position:absolute;top:-30px;right:0;font-size:12px;color:#666;font-family:JetBrains Mono,monospace}.terminal-prompt:before{content:"user@portfolio:~$ ";color:#0f8}@media (max-width: 768px){.header{padding:0 10px}.nav{flex-direction:column;gap:.5rem;padding:.75rem 0}.logo{font-size:1rem;text-align:center}.nav-links{width:100%;justify-content:center;flex-wrap:wrap;gap:0;max-width:100%;overflow:hidden}.nav-links li{flex:1;min-width:0}.nav-links a{padding:8px 12px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;box-sizing:border-box}.terminal-prompt{display:none}}@media (max-width: 480px){.nav-links a{padding:8px;font-size:10px}.logo{font-size:.9rem}}html{overflow-x:hidden;width:100%}body{font-family:JetBrains Mono,Fira Code,monospace;background:#0a0a0a;color:#fff;overflow-x:hidden;cursor:none;width:100%;max-width:100vw}.App{min-height:100vh;position:relative;width:100%;max-width:100vw;overflow-x:hidden}.custom-cursor{position:fixed;width:20px;height:20px;background:radial-gradient(circle,#00ff88 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:9999;mix-blend-mode:difference;transition:transform .1s ease}.custom-cursor.hover{transform:scale(2);background:radial-gradient(circle,#ff0088 0%,transparent 70%)}.bg-animation{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(circle at 20% 80%,#120458 0%,transparent 50%),radial-gradient(circle at 80% 20%,#421a5c 0%,transparent 50%),radial-gradient(circle at 40% 40%,#1a0845 0%,transparent 50%);animation:bgShift 20s ease-in-out infinite}@keyframes bgShift{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}}.grid-bg{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,255,136,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,136,.1) 1px,transparent 1px);background-size:50px 50px;z-index:-1;animation:gridMove 30s linear infinite}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.glitch{position:relative;animation:glitch 10s infinite}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch:before{animation:glitch-1 3s infinite;color:#f08;z-index:-1}.glitch:after{animation:glitch-2 3s infinite;color:#0f8;z-index:-2}@keyframes glitch{0%,to{transform:translate(0)}20%{transform:translate(-.5px,.5px)}40%{transform:translate(-.5px,-.5px)}60%{transform:translate(.5px,.5px)}80%{transform:translate(.5px,-.5px)}}@keyframes glitch-1{0%,to{transform:translate(0)}10%{transform:translate(-.3px,-.3px)}20%{transform:translate(.3px,.3px)}}@keyframes glitch-2{0%,to{transform:translate(0)}10%{transform:translate(.3px,.3px)}20%{transform:translate(-.3px,-.3px)}}.neon{color:#0f8;text-shadow:0 0 5px #00ff88,0 0 10px #00ff88,0 0 15px #00ff88,0 0 20px #00ff88;animation:neonFlicker 4s infinite alternate}@keyframes neonFlicker{0%,to{opacity:1}25%{opacity:.9}50%{opacity:.85}75%{opacity:.95}}.terminal-btn{background:transparent;border:2px solid #00ff88;color:#0f8;padding:12px 24px;font-family:JetBrains Mono,monospace;font-size:14px;cursor:none;position:relative;overflow:hidden;transition:all .3s ease;text-decoration:none;display:inline-block}.terminal-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,136,.2),transparent);transition:left .5s}.terminal-btn:hover:before{left:100%}.terminal-btn:hover{box-shadow:0 0 20px #00ff8880;transform:translateY(-2px)}.cyber-card{background:#000c;border:1px solid #333;border-radius:0;padding:30px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.cyber-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#f08,#0f8,#08f);transform:translate(-100%);transition:transform .5s ease}.cyber-card:hover:before{transform:translate(0)}.cyber-card:hover{border-color:#0f8;box-shadow:0 10px 30px #0f83}.container{max-width:1200px;margin:0 auto;padding:0 20px;width:100%;box-sizing:border-box}.section{padding:100px 0;position:relative}.home-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.home-title{font-size:3rem;margin-bottom:1rem;font-family:"JetBrains Mono, monospace"}.terminal-box{background:#000c;border:1px solid #00ff88;padding:20px;margin-bottom:2rem;font-family:"JetBrains Mono, monospace";font-size:12px}.scroll-hint{color:#666;font-size:14px;font-family:"JetBrains Mono, monospace";margin-top:2rem}.avatar-container{position:relative;height:500px;display:flex;align-items:center;justify-content:center}.avatar-circle{width:300px;height:300px;background:linear-gradient(45deg,#f08,#0f8);border-radius:50%;position:relative;animation:rotate 20s linear infinite;display:flex;align-items:center;justify-content:center}.avatar-inner{width:280px;height:280px;background:#0a0a0a;border-radius:50%;display:flex;align-items:center;justify-content:center}.avatar-text{color:#0f8;font-size:20px;font-family:"JetBrains Mono, monospace";line-height:1;text-align:center;margin:0;transition:all .15s ease-in-out}@media (max-width: 768px){.home-layout{grid-template-columns:1fr;gap:2rem;text-align:center}.home-title{font-size:2rem}.terminal-box{font-size:10px;padding:15px}.scroll-hint{font-size:12px}.avatar-container{height:250px;order:-1}.avatar-circle{width:200px;height:200px}.avatar-inner{width:185px;height:185px}.avatar-text{font-size:14px}.container{padding:0 15px;max-width:100%;overflow-x:hidden}.section{padding:60px 0}.neon{font-size:2rem!important}.cyber-card{padding:15px;margin-bottom:1rem;max-width:100%;width:100%;box-sizing:border-box}.cyber-card h3{font-size:1rem!important;margin-bottom:.5rem!important}.cyber-card p{font-size:12px!important;line-height:1.3!important;margin-bottom:1rem!important}.cyber-card span{font-size:10px!important}div[style*=gridTemplateColumns]{gridTemplateColumns:1fr!important;gap:1.5rem!important}.apps-grid{grid-template-columns:1fr!important;gap:1rem!important;max-width:100%;margin:0 auto}div[style*="fontFamily: 'JetBrains Mono'"]{font-size:10px!important;padding:15px!important}.terminal-box{font-size:10px!important;padding:12px!important;margin-bottom:1rem!important}.cyber-card span[style*=background]{padding:2px 6px!important;font-size:9px!important}.header{padding:10px 0}.nav-links{font-size:12px;gap:1rem}.terminal-btn{padding:8px 16px;font-size:12px}h1{font-size:1.8rem!important}h2{font-size:1.3rem!important}h3{font-size:1rem!important}p{font-size:12px!important;line-height:1.4!important}span,div{font-size:11px!important}pre,code{font-size:10px!important}.section{padding:40px 0}div[style*="gridTemplateColumns: 'repeat(auto-fit, minmax(300px, 1fr)'"]{gridTemplateColumns:1fr!important}}@media (max-width: 480px){h1{font-size:1.5rem!important}h2{font-size:1.1rem!important}h3{font-size:.9rem!important}p{font-size:11px!important}.cyber-card{padding:12px;margin-bottom:.8rem}.cyber-card h3{font-size:.9rem!important}.cyber-card p{font-size:11px!important}.cyber-card span{font-size:9px!important}.terminal-box{font-size:9px!important;padding:10px!important}.apps-grid{gap:.8rem!important}.container{padding:0 10px}.mobile-title{display:inline!important;font-size:1.2rem!important}.desktop-title{display:none!important}.contact-title{font-size:1.2rem!important;line-height:1.2!important;word-break:keep-all;white-space:nowrap}}.mobile-title{display:none}.desktop-title{display:inline}@media (min-width: 769px){.mobile-title{display:none}.desktop-title{display:inline}}.hologram-appear{animation:hologramIn 1.2s ease forwards}.hologram-appear.appear-delay-1,.hologram-appear.appear-delay-2,.hologram-appear.appear-delay-3,.hologram-appear.appear-delay-4,.hologram-appear.appear-delay-5,.hologram-appear.appear-delay-6,.hologram-appear.appear-delay-7,.hologram-appear.appear-delay-8{opacity:0;transform:translateY(20px)}.hologram-appear-delayed{opacity:0;filter:blur(8px);transform:scale(.95) translateY(20px);animation:hologramIn 1.2s ease forwards}@keyframes hologramIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.scan-reveal{animation:scanReveal 1.5s ease-out forwards;position:relative}.scan-reveal.appear-delay-1,.scan-reveal.appear-delay-2,.scan-reveal.appear-delay-3,.scan-reveal.appear-delay-4,.scan-reveal.appear-delay-5,.scan-reveal.appear-delay-6,.scan-reveal.appear-delay-7,.scan-reveal.appear-delay-8{opacity:0;transform:translateY(15px)}.scan-reveal:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#00ff88,transparent);transform:translateY(-100vh);animation:scanLine 1.5s ease-out forwards;z-index:10}@keyframes scanReveal{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes scanLine{0%{transform:translateY(-10px);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100%);opacity:0}}.glitch-in{animation:glitchIn .4s ease}@keyframes glitchIn{0%,to{transform:translate(0);filter:hue-rotate(0deg) contrast(1)}10%{transform:translate(-1px,1px);filter:hue-rotate(90deg) contrast(1.1)}20%{transform:translate(1px,-1px);filter:hue-rotate(180deg) contrast(1.2)}30%{transform:translate(-1px,-1px);filter:hue-rotate(270deg) contrast(1.1)}40%{transform:translate(1px,1px);filter:hue-rotate(360deg) contrast(1)}60%{transform:translate(-.5px,.5px);filter:hue-rotate(45deg) contrast(1.05)}80%{transform:translate(.5px,-.5px);filter:hue-rotate(315deg) contrast(1.02)}}.pixel-jitter{animation:pixelJitter 1.5s ease forwards}.pixel-jitter.appear-delay-1,.pixel-jitter.appear-delay-2,.pixel-jitter.appear-delay-3,.pixel-jitter.appear-delay-4,.pixel-jitter.appear-delay-5,.pixel-jitter.appear-delay-6,.pixel-jitter.appear-delay-7,.pixel-jitter.appear-delay-8{opacity:0;transform:translateY(10px)}@keyframes pixelJitter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.data-stream{position:relative;overflow:hidden}.data-stream:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:3px;background:linear-gradient(90deg,transparent,rgba(0,255,136,.8),rgba(0,255,136,1),rgba(0,255,136,.8),transparent);animation:dataFlow 2s ease-in-out;box-shadow:0 0 10px #00ff8880}.data-stream:after{content:"";position:absolute;bottom:0;left:-100%;width:100%;height:1px;background:linear-gradient(90deg,transparent,#ff0088,transparent);animation:dataFlow 2s ease-in-out .5s}@keyframes dataFlow{0%{left:-100%;opacity:0}20%{opacity:.5}50%{opacity:1}80%{opacity:.5}to{left:100%;opacity:0}}.appear-delay-1{animation-delay:.1s}.appear-delay-2{animation-delay:.2s}.appear-delay-3{animation-delay:.3s}.appear-delay-4{animation-delay:.4s}.appear-delay-5{animation-delay:.5s}.appear-delay-6{animation-delay:.6s}.appear-delay-7{animation-delay:.7s}.appear-delay-8{animation-delay:.8s}@media (min-width: 769px) and (max-width: 1024px){.home-layout{gap:3rem}.home-title{font-size:2.5rem}.avatar-circle{width:250px;height:250px}.avatar-inner{width:235px;height:235px}.avatar-text{font-size:16px}}:root{--primary-color: #00ff88;--secondary-color: #ff0088;--accent-color: #0088ff;--text-color: #ffffff;--text-light: #cccccc;--bg-color: #0a0a0a;--card-bg: rgba(0, 0, 0, .8);--border-color: #333333;--shadow: 0 10px 30px rgba(0, 255, 136, .2)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:JetBrains Mono,monospace;line-height:1.6;color:var(--text-color);background-color:var(--bg-color);overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0f8,#f08);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#f08,#0f8)}::selection{background:#00ff884d;color:#fff}