@import "https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap";@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";:root{--bg-color:#000;--text-color:#e0e0e0;--accent-color:#a0a0a0;--highlight-color:#fff;--neon-color:#0f0;--neon-glow:0 0 5px #0f0,0 0 10px #0f0,0 0 15px #0f0;--font-mono:"Space Mono",monospace;--cursor-size:20px}html{scroll-behavior:smooth}*{box-sizing:border-box;cursor:none;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-mono);line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:9999;opacity:.3;background:repeating-linear-gradient(0deg,#00ff0008 0,#0000 1px 2px,#00ff0008 3px);width:100%;height:100%;animation:.1s linear infinite scanlines;position:fixed;top:0;left:0}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(4px)}}.skip-link{background:var(--highlight-color);color:var(--bg-color);z-index:10001;padding:8px;text-decoration:none;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}.cursor-dot{background-color:var(--highlight-color);z-index:9999;pointer-events:none;border-radius:50%;width:5px;height:5px;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-outline{width:var(--cursor-size);height:var(--cursor-size);border:1px solid var(--highlight-color);z-index:9998;pointer-events:none;border-radius:50%;transition:width .2s,height .2s,background-color .2s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}body:hover .cursor-outline{opacity:1}canvas{z-index:-1;opacity:.6;width:100%;height:100%;position:fixed;top:0;left:0}.content-wrapper{z-index:1;width:100%;max-width:1200px;margin:0 auto;padding:0 2rem;position:relative}header{mix-blend-mode:difference;justify-content:space-between;align-items:center;padding:2rem 0;display:flex}.logo{letter-spacing:-1px;align-items:center;gap:10px;font-size:1.5rem;font-weight:700;display:flex}nav ul{gap:3rem;list-style:none;display:flex}nav a{color:var(--text-color);letter-spacing:1px;align-items:center;gap:8px;font-size:.9rem;text-decoration:none;display:flex;position:relative}.nav-icon{opacity:.7;font-size:.8rem}.section{flex-direction:column;justify-content:center;min-height:100vh;padding:4rem 0;display:flex}.section-title{opacity:.8;letter-spacing:-1px;border-bottom:1px solid #333;margin-bottom:4rem;padding-bottom:1rem;font-size:1.5rem;animation:3s ease-in-out infinite float;display:inline-block}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.section-title i{color:var(--neon-color);margin-right:10px;font-size:1.2rem;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.hero-content{max-width:900px}.mono-tag{color:var(--accent-color);align-items:center;gap:10px;margin-bottom:1.5rem;font-size:.9rem;display:flex}h1.glitch{letter-spacing:-4px;text-shadow:0 0 10px #ffffff80;margin-bottom:1.5rem;font-size:6rem;font-weight:700;line-height:1;animation:2s ease-in-out infinite alternate textGlow;position:relative}@keyframes textGlow{0%{text-shadow:0 0 10px #ffffff80,0 0 20px #ffffff4d}to{text-shadow:0 0 20px #fffc,0 0 30px #ffffff80,0 0 40px #ffffff4d}}.terminal-box{background:#141414cc;border:1px solid #333;border-radius:4px;max-width:600px;margin-bottom:3rem;padding:1.5rem;font-family:Courier New,Courier,monospace}.terminal-text{color:#aaa;font-size:1.1rem}.prompt{color:var(--highlight-color);margin-right:10px}.cursor{background-color:var(--highlight-color);width:10px;animation:1s infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cta-group{gap:2rem;display:flex}.btn-minimal{border:1px solid var(--text-color);color:var(--text-color);align-items:center;gap:10px;padding:1rem 2.5rem;font-size:.9rem;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.btn-minimal:before{content:"";background:var(--text-color);z-index:-1;width:0;height:100%;transition:width .3s;position:absolute;top:0;left:0}.btn-minimal:after{content:"";background:#00ff004d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-minimal:hover:after{width:300px;height:300px}.btn-minimal:hover{color:var(--bg-color);border-color:var(--neon-color);transform:translateY(-2px);box-shadow:0 0 20px #00ff0080}.btn-minimal:hover:before{width:100%}.project-list{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:3rem;display:grid}.project-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0a99;border:1px solid #222;flex-direction:column;justify-content:space-between;padding:2.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;top:0;overflow:hidden}.project-item:before{content:"";background:linear-gradient(90deg,#0000,#00ff001a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.project-item:hover:before{left:100%}.project-item:hover{border-color:var(--neon-color);background:#141414cc;transform:translateY(-10px)scale(1.02);box-shadow:0 10px 40px #0f03,0 0 20px #00ff001a}.project-info h3{align-items:center;gap:10px;margin-bottom:1rem;font-size:1.4rem;display:flex}.project-info p{color:var(--accent-color);margin-bottom:1.5rem;font-size:.95rem;line-height:1.7}.tech-stack{flex-wrap:wrap;gap:.8rem;margin-bottom:2rem;display:flex}.tech-stack span{color:var(--accent-color);border:1px solid #333;align-items:center;gap:6px;padding:.4rem .8rem;font-size:.75rem;display:flex}.project-link{color:var(--text-color);opacity:.5;align-self:flex-end;font-size:1.5rem;transition:all .3s}.project-link:hover{opacity:1;transform:scale(1.1)}.contact-links{flex-direction:column;gap:3rem;display:flex}.contact-big{color:var(--text-color);border-bottom:1px solid #0000;align-self:flex-start;align-items:center;gap:20px;font-size:3rem;text-decoration:none;transition:all .3s;display:flex}.contact-big i{font-size:2rem;transition:transform .3s;transform:rotate(-45deg)}.contact-big:hover{opacity:.7}.contact-big:hover i{transform:rotate(0)}.social-row{gap:3rem;display:flex}.social-row a{color:var(--accent-color);align-items:center;gap:10px;font-size:1rem;text-decoration:none;transition:color .3s;display:flex}.social-row a:hover{color:var(--text-color)}footer{text-align:center;color:var(--accent-color);letter-spacing:1px;border-top:1px solid #222;margin-top:6rem;padding:3rem 0;font-size:.8rem}@media (max-width:1024px){.content-wrapper{padding:0 3rem}.section{padding:3rem 0}}@media (max-width:768px){.content-wrapper{padding:0 1.5rem}header{padding:1.5rem 0}.desktop-nav{display:none}.section{min-height:auto;padding:2.5rem 0}h1.glitch{font-size:3rem}.contact-big{gap:10px;font-size:1.2rem}.cursor-dot,.cursor-outline{display:none}*{cursor:auto}.project-list{grid-template-columns:1fr;gap:2rem}.project-item{padding:1.5rem}.terminal-box{margin-bottom:2rem;padding:1rem}.cta-group{flex-direction:column;gap:1rem}.btn-minimal{justify-content:center;width:100%}.design-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}}@media (max-width:480px){.content-wrapper{padding:0 1rem}.design-grid{grid-template-columns:1fr}h1.glitch{letter-spacing:-2px;font-size:2.2rem}.section-title{margin-bottom:2rem;font-size:1.2rem}.mono-tag{font-size:.8rem}}@keyframes glitch{0%{text-shadow:0 0 10px #ffffff80;transform:translate(0)}20%{text-shadow:2px 0 var(--neon-color),-2px 0 #f0f;transform:translate(-2px,2px)}40%{text-shadow:-2px 0 var(--neon-color),2px 0 #f0f;transform:translate(-2px,-2px)}60%{text-shadow:0 2px var(--neon-color),0 -2px #f0f;transform:translate(2px,2px)}80%{text-shadow:0 -2px var(--neon-color),0 2px #f0f;transform:translate(2px,-2px)}to{text-shadow:0 0 10px #ffffff80;transform:translate(0)}}.glitch:hover{animation:.3s cubic-bezier(.25,.46,.45,.94) infinite both glitch}#preloader{background:var(--bg-color);z-index:10000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s ease-out;display:flex;position:fixed;top:0;left:0}.loader-text{letter-spacing:2px;margin-bottom:1rem;font-size:1.2rem;animation:1s infinite blink}.loader-bar{background:#333;width:200px;height:2px;position:relative;overflow:hidden}.loader-bar:after{content:"";background:var(--highlight-color);width:0%;height:100%;animation:2s ease-in-out forwards load;position:absolute;top:0;left:0}@keyframes load{0%{width:0%}to{width:100%}}.hidden{opacity:0;transition:all 1s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.show{opacity:1;transform:translateY(0)}nav a.active{color:var(--highlight-color);opacity:1}nav a.active:after{content:"";background:var(--highlight-color);width:100%;height:1px;position:absolute;bottom:-5px;left:0}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;display:grid}.skill-category h3{color:var(--accent-color);border-bottom:1px solid #333;margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1rem;display:inline-block}.skill-tags{flex-wrap:wrap;gap:1rem;display:flex}.skill-tags span{cursor:none;border:1px solid #333;padding:.5rem 1rem;font-size:.9rem;transition:all .3s}.skill-tags span:hover{border-color:var(--highlight-color);background:#ffffff0d;transform:translateY(-2px)}.design-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;padding:1rem 0;display:grid}.design-item{aspect-ratio:1;cursor:pointer;border:1px solid #333;border-radius:8px;transition:transform .3s,border-color .3s;position:relative;overflow:hidden}.design-item:hover{border-color:var(--highlight-color);z-index:10;transform:scale(1.02)}.design-item img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.design-item:hover img{transform:scale(1.1)}.design-overlay{background:linear-gradient(#0000,#000000e6);width:100%;padding:1.5rem;transition:transform .3s;position:absolute;bottom:0;left:0;transform:translateY(100%)}.design-item:hover .design-overlay{transform:translateY(0)}.design-title{color:#fff;margin-bottom:.3rem;font-size:1.1rem;font-weight:700}.design-category{color:var(--accent-color);text-transform:uppercase;letter-spacing:1px;font-size:.8rem}.hamburger{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;gap:6px;padding:10px;display:none;position:relative}.hamburger span{background:var(--text-color);width:25px;height:2px;transition:all .3s;display:block}.hamburger.active span:first-child{transform:rotate(45deg)translate(8px,8px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg)translate(8px,-8px)}.mobile-menu-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;opacity:0;pointer-events:none;background:#050505fa;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.mobile-menu-overlay.active{opacity:1;pointer-events:all}.mobile-nav ul{text-align:center;flex-direction:column;gap:3rem;margin:0;padding:0;list-style:none;display:flex}.mobile-nav a{color:var(--text-color);letter-spacing:2px;justify-content:center;align-items:center;gap:15px;font-size:2rem;text-decoration:none;transition:all .3s;display:flex}.mobile-nav a:hover{color:var(--highlight-color);transform:translate(10px)}@media (max-width:768px){.hamburger{display:flex}}.particle-trail-container{pointer-events:none;z-index:9997;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.trail-particle{pointer-events:none;background:radial-gradient(circle,#fffc 0%,#fff0 70%);border-radius:50%;animation:forwards fadeOut;position:absolute;transform:translate(-50%,-50%)}@keyframes fadeOut{0%{opacity:.8;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(0)}}.terminal-easter-egg{z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;border:1px solid #333;border-radius:8px;flex-direction:column;width:600px;max-width:calc(100vw - 4rem);height:400px;animation:.3s ease-out slideUp;display:flex;position:fixed;bottom:6rem;right:2rem;box-shadow:0 10px 40px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.terminal-header{background:#141414cc;border-bottom:1px solid #333;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.terminal-title{color:#fff;letter-spacing:1px;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.terminal-hint{color:#888;font-size:.7rem}.terminal-close{color:#888;cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:1rem;transition:color .2s}.terminal-close:hover{color:#fff}.terminal-content{flex:1;padding:1rem;font-family:Courier New,monospace;font-size:.85rem;line-height:1.6;overflow-y:auto}.terminal-line{white-space:pre-wrap;word-wrap:break-word;margin-bottom:.5rem}.terminal-input{color:#0f0}.terminal-output{color:#aaa}.terminal-error{color:#ff6b6b}.terminal-ai-response{color:#0ff;padding:.5rem 0;line-height:1.5}.terminal-ai-thinking{color:#ff0;animation:1s ease-in-out infinite pulse}.terminal-ai-hint{color:#888;font-size:.8rem;font-style:italic}.terminal-input-wrapper{background:#0a0a0acc;border-top:1px solid #333;border-radius:0 0 8px 8px;align-items:center;padding:.75rem 1rem;display:flex}.terminal-prompt{color:#0f0;margin-right:.5rem;font-family:Courier New,monospace;font-weight:700}.terminal-input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-family:Courier New,monospace;font-size:.9rem}.terminal-input::placeholder{color:#555}.terminal-content::-webkit-scrollbar{width:8px}.terminal-content::-webkit-scrollbar-track{background:#14141480}.terminal-content::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.terminal-content::-webkit-scrollbar-thumb:hover{background:#444}@media (max-width:768px){.terminal-easter-egg{width:auto;max-width:none;height:350px;bottom:1rem;left:1rem;right:1rem}.terminal-hint{display:none}}.terminal-button{cursor:pointer;z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00ff001a;border:2px solid #00ff004d;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 5px 20px #0f03}.terminal-button:hover{border-color:var(--neon-color);background:#0f03;transform:scale(1.1)rotate(5deg);box-shadow:0 5px 30px #0f06}.terminal-button:active{transform:scale(.95)}.terminal-button i{color:var(--neon-color);font-size:1.5rem;animation:2s ease-in-out infinite pulse}@media (max-width:768px){.terminal-button{width:50px;height:50px;bottom:1rem;right:1rem}.terminal-button i{font-size:1.2rem}}.matrix-rain{z-index:-1;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .5s;position:fixed;top:0;left:0}body.matrix-mode .matrix-rain{opacity:.5}body.matrix-mode canvas[style*="opacity: 0.6"]{opacity:0!important}.feature-hint{color:var(--text-color);z-index:9999;opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00ff001a;border:1px solid #00ff004d;border-radius:8px;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-size:.9rem;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)translateY(100px);box-shadow:0 5px 20px #0f03}.feature-hint.visible{opacity:1;transform:translate(-50%)translateY(0)}.feature-hint i{color:var(--neon-color);font-size:1.2rem;animation:1.5s infinite blink}.feature-hint kbd{font-family:var(--font-mono);background:#ffffff1a;border:1px solid #fff3;border-radius:4px;padding:.2rem .5rem;font-size:.85rem}@media (max-width:768px){.feature-hint{display:none}}