body{background:#000}section{position:relative;float:none;margin:0;transform:none}.nav-brutalist-glitch{background:#000;display:flex;border:3px solid #fff;position:relative;overflow:hidden;padding:0;gap:0}.nav-brutalist-glitch:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.02) 2px,rgba(255,255,255,.02) 4px);pointer-events:none;z-index:10}.nav-brutalist-glitch a{flex:1;padding:1.5rem;text-decoration:none;color:#fff;background:#000;border-right:2px solid #fff;font-family:Space Mono,monospace;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;text-align:center;position:relative;overflow:hidden;transition:background .05s ease}.nav-brutalist-glitch a:last-child{border-right:none}.nav-brutalist-glitch a .index{display:block;font-size:.6rem;color:#00fff2;margin-bottom:.3rem;text-shadow:0 0 10px #00fff2}.nav-brutalist-glitch a .text{position:relative;display:block}.nav-brutalist-glitch a .text:before,.nav-brutalist-glitch a .text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;opacity:0}.nav-brutalist-glitch a .text:before{color:#ff003c}.nav-brutalist-glitch a .text:after{color:#00fff2}.nav-brutalist-glitch a:hover{background:#ff0;color:#000}.nav-brutalist-glitch a:hover .index{color:#000;text-shadow:none}.nav-brutalist-glitch a:hover .text:before{opacity:1;animation:glitch-red .2s infinite}.nav-brutalist-glitch a:hover .text:after{opacity:1;animation:glitch-cyan .2s infinite}@keyframes glitch-red{0%,to{transform:translate(-3px)}50%{transform:translate(2px,1px)}}@keyframes glitch-cyan{0%,to{transform:translate(3px)}50%{transform:translate(-2px,-1px)}}.nav-toggle{display:none;background:#000;border:none;padding:1rem;cursor:pointer;flex-direction:column;gap:5px;z-index:100}.nav-toggle span{display:block;width:25px;height:2px;background:#00fff2;transition:all .3s ease;box-shadow:0 0 10px #00fff2}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.nav-links{display:flex;flex:1}@media(max-width:768px){.nav-brutalist-glitch{flex-wrap:wrap}.nav-toggle{display:flex;width:100%;border-bottom:2px solid #fff}.nav-links{display:none;flex-direction:column;width:100%}.nav-links.active{display:flex}.nav-brutalist-glitch a{border-right:none;border-bottom:2px solid #fff;padding:1.2rem;text-align:left}.nav-brutalist-glitch a:last-child{border-bottom:none}.nav-brutalist-glitch a .index{display:inline;margin-right:1rem}.nav-brutalist-glitch a .text{display:inline}}#about{background:#000;padding:6rem 2rem;position:relative;overflow:hidden}#about:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.015) 2px,rgba(255,255,255,.015) 4px);pointer-events:none;z-index:1}#about:after{content:"";position:absolute;top:15%;bottom:15%;left:0;width:4px;background:linear-gradient(180deg,#ff003c,#00fff2);box-shadow:0 0 20px #00fff280}.about-container{max-width:900px;margin:0 auto;position:relative;z-index:2;border:3px solid #fff;background:#0a0a0a;padding:3rem}.about-container:before,.about-container:after{content:"";position:absolute;width:20px;height:20px;border:2px solid #00fff2}.about-container:before{top:-2px;left:-2px;border-right:none;border-bottom:none;box-shadow:-5px -5px 15px #00fff233}.about-container:after{bottom:-2px;right:-2px;border-left:none;border-top:none;box-shadow:5px 5px 15px #00fff233}.about-header{font-family:Space Mono,monospace;font-size:3.5rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.3em;margin:0 0 2rem;position:relative;display:inline-block}.about-header:before,.about-header:after{content:"Hello";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}.about-header:before{color:#ff003c;z-index:-1;animation:about-glitch-1 3s infinite}.about-header:after{color:#00fff2;z-index:-1;animation:about-glitch-2 3s infinite}@keyframes about-glitch-1{0%,90%,to{transform:translate(0);opacity:0}92%,94%,96%{transform:translate(-3px,1px);opacity:.8}93%,95%{transform:translate(3px,-1px);opacity:.8}}@keyframes about-glitch-2{0%,90%,to{transform:translate(0);opacity:0}92%,94%,96%{transform:translate(3px,-1px);opacity:.8}93%,95%{transform:translate(-3px,1px);opacity:.8}}.about-header-prefix{color:#00fff2;font-size:1rem;display:block;margin-bottom:.5rem;text-shadow:0 0 10px #00fff2;letter-spacing:.1em}.about-desc-container{border-left:3px solid #FFFF00;padding-left:1.5rem;margin-left:.5rem}.about-desc{font-family:Space Mono,monospace;font-size:1rem;color:#999;line-height:1.8;margin:0;position:relative}.about-desc .highlight{color:#fff;background:#ffff001a;padding:.1em .3em;border-bottom:1px solid #FFFF00}.about-desc .accent{color:#00fff2;text-shadow:0 0 8px rgba(0,255,242,.5)}.about-stats{display:flex;gap:0;margin-top:2.5rem;border-top:1px solid #333;padding-top:2rem}.stat{flex:1;text-align:center;padding:1rem;border-right:1px solid #333}.stat:last-child{border-right:none}.stat-number{font-family:Space Mono,monospace;font-size:2rem;font-weight:700;color:#ff0;display:block;text-shadow:0 0 15px rgba(255,255,0,.4)}.stat-label{font-family:Space Mono,monospace;font-size:.65rem;color:#666;text-transform:uppercase;letter-spacing:.15em;margin-top:.5rem;display:block}#portfolio{background:#0a0a0a;padding:2rem 3rem 4rem;min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative}#portfolio:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.015) 2px,rgba(255,255,255,.015) 4px);pointer-events:none;z-index:1}.port-header{border:3px solid #fff;background:#000;padding:1rem 2rem;margin:0 auto 3rem;position:relative;width:fit-content}.port-header:before{content:"//";color:#00fff2;font-family:Space Mono,monospace;margin-right:1rem;text-shadow:0 0 10px #00fff2;align-items:center}.port-header-text{font-family:Space Mono,monospace;font-size:1.5rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.2em;margin:0;display:inline}.portfolio-container{position:relative;z-index:2;padding-bottom:4rem}.projects-container{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border:3px solid #fff}@media(max-width:768px){.projects-container{grid-template-columns:1fr}.industry{min-height:200px}}.industry{background:#000;padding:2rem;border:1px solid #333;position:relative;overflow:hidden;transition:all .1s ease;min-height:300px;display:flex;flex-direction:column;justify-content:space-between}.project-header{font-size:1.4rem;margin-bottom:1.5rem}.industry:before{content:"[0" attr(data-index) "]";position:absolute;top:1rem;right:1rem;font-family:Space Mono,monospace;font-size:.65rem;color:#00fff2;text-shadow:0 0 8px #00fff2;letter-spacing:.1em}.industry:after{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.05);pointer-events:none;transition:all .2s ease}.industry:hover{background:#111}.industry:hover:after{border-color:#00fff233}.project-header{font-family:Space Mono,monospace;font-size:1.6rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem;position:relative}.project-header .white{color:#fff}.project-header .orange{color:#ff6b00;text-shadow:0 0 10px rgba(255,107,0,.5)}.project-header .green{color:#0f8;text-shadow:0 0 10px rgba(0,255,136,.5)}.project-header .purple{color:#bf5af2;text-shadow:0 0 10px rgba(191,90,242,.5)}.project-header .red{color:#ff003c;text-shadow:0 0 10px rgba(255,0,60,.5)}.project-description{font-family:Space Mono,monospace;font-size:1.3rem;color:#999;line-height:1.8;margin:1.5rem 0 2.5rem;padding-left:1.2rem;border-left:3px solid #FFFF00}.project-anchor,.disabled-anchor{font-family:Space Mono,monospace;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;text-decoration:none;padding:.8rem 1.5rem;display:inline-block;position:relative;overflow:hidden;transition:all .1s ease}.project-anchor{color:#000;background:#ff0;border:2px solid #FFFF00}.project-anchor:before{content:"→ "}.project-anchor:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,0,60,.3),rgba(0,255,242,.3),transparent)}.project-anchor:hover{background:#fff;border-color:#fff;box-shadow:0 0 20px #ffff004d}.project-anchor:hover:after{animation:glitch-sweep .3s ease-out}.disabled-anchor{color:#444;background:transparent;border:2px solid #333;cursor:not-allowed}.disabled-anchor:before{content:"◼ ";color:#333}@keyframes glitch-sweep{0%{left:-100%}to{left:100%}}#images{background:#000;padding:4rem 0;position:relative;overflow:hidden}#images:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.015) 2px,rgba(255,255,255,.015) 4px);pointer-events:none;z-index:10}#images h1{font-family:Space Mono,monospace;font-size:.85rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.25em;text-align:center;margin:0 0 2rem;padding:1rem 2rem;position:relative;z-index:2}#images h1:before{content:"// ";color:#00fff2;text-shadow:0 0 10px #00fff2}#images h1:after{content:" _";color:#ff0;animation:blink 1s steps(1) infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.carousel{position:relative;max-width:1200px;margin:0 auto;border:3px solid #fff;background:#0a0a0a}.carousel:before,.carousel:after{content:"";position:absolute;width:30px;height:30px;z-index:20;pointer-events:none}.carousel:before{top:-3px;left:-3px;border-top:3px solid #00fff2;border-left:3px solid #00fff2;box-shadow:-5px -5px 20px #00fff24d}.carousel:after{bottom:-3px;right:-3px;border-bottom:3px solid #ff003c;border-right:3px solid #ff003c;box-shadow:5px 5px 20px #ff003c4d}.carousel>ul{margin:0;padding:0;list-style:none}.slide-container{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:70vh;overflow:hidden;background:#000}.curr-slide{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .4s ease-in-out}.curr-slide.active,.curr-slide[data-curr]{opacity:1}.curr-image{width:100%;height:100%;object-fit:cover;filter:grayscale(20%) contrast(1.1);transition:filter .3s ease}.curr-slide.active .curr-image,.curr-slide[data-curr] .curr-image{filter:grayscale(0%) contrast(1.05)}.curr-slide:before{content:"";position:absolute;inset:15px;border:1px solid rgba(255,255,255,.1);z-index:5;pointer-events:none}.curr-slide:after{content:attr(data-index);position:absolute;bottom:25px;right:25px;font-family:Space Mono,monospace;font-size:.7rem;color:#00fff2;text-shadow:0 0 10px #00fff2;letter-spacing:.1em;z-index:6;opacity:0;transition:opacity .3s ease}.curr-slide.active:after,.curr-slide[data-curr]:after{opacity:1}.caro-button{position:absolute;top:50%;transform:translateY(-50%);z-index:15;background:#000;border:2px solid #fff;font-family:Space Mono,monospace;font-size:1.5rem;color:#fff;cursor:pointer;padding:1rem 1.2rem;transition:all .1s ease;overflow:hidden}.caro-button:before{content:"";position:absolute;inset:0;background:#ff0;transform:translate(-101%);transition:transform .2s ease;z-index:-1}.caro-button:hover{color:#000;border-color:#ff0;box-shadow:0 0 20px #ffff004d}.caro-button:hover:before{transform:translate(0)}.caro-button:active{animation:button-glitch .1s ease}@keyframes button-glitch{0%,to{transform:translateY(-50%)}25%{transform:translateY(-50%) translate(-2px)}75%{transform:translateY(-50%) translate(2px)}}.caro-button.previous{left:1.5rem}.caro-button.next{right:1.5rem}.slide-indicators{display:flex;justify-content:center;gap:0;padding:1rem;background:#000;border-top:1px solid #333}.indicator{width:40px;height:4px;background:#333;border:none;cursor:pointer;position:relative;transition:all .2s ease}.indicator:hover{background:#555}.indicator.active{background:#ff0;box-shadow:0 0 10px #ffff0080}.slide-counter{position:absolute;top:1.5rem;left:1.5rem;font-family:Space Mono,monospace;font-size:.75rem;color:#fff;z-index:15;letter-spacing:.1em}.slide-counter .current{color:#ff0;font-weight:700;font-size:1.2rem;text-shadow:0 0 10px rgba(255,255,0,.5)}.slide-counter .divider{color:#666;margin:0 .3rem}.slide-counter .total{color:#666}footer{background:#000;position:relative;overflow:hidden}footer:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.015) 2px,rgba(255,255,255,.015) 4px);pointer-events:none;z-index:1}footer:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ff003c,#ff0,#00fff2)}.footer-container{display:flex;justify-content:space-around;padding:4rem 3rem;border-bottom:1px solid #222;position:relative;z-index:2}.footer-section{display:flex;flex-direction:column;gap:.8rem}.footer-header{font-family:Space Mono,monospace;font-size:.75rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.2em;margin:0 0 1rem;padding-bottom:.8rem;border-bottom:2px solid #FFFF00;text-decoration:none;display:inline-block}.footer-header:before{content:"// ";color:#00fff2;text-shadow:0 0 10px #00fff2}.footer-media{font-family:Space Mono,monospace;font-size:.85rem;color:#666;text-decoration:none;transition:all .15s ease;position:relative;padding-left:1rem}.footer-media:before{content:"→";position:absolute;left:0;color:#333;transition:all .15s ease}.footer-media:hover{color:#ff0;padding-left:1.3rem}.footer-media:hover:before{color:#ff0;text-shadow:0 0 8px rgba(255,255,0,.5)}.copyright{padding:1.5rem 3rem;text-align:center;position:relative;z-index:2}.copyright p{font-family:Space Mono,monospace;font-size:.7rem;color:#444;margin:0;letter-spacing:.1em}.copyright p:before{content:"[ ";color:#333}.copyright p:after{content:" ]";color:#333}@media(max-width:768px){.footer-container{flex-direction:column;gap:2.5rem;padding:3rem 2rem}.footer-section{align-items:center;text-align:center}}.page-transition{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;pointer-events:none;overflow:hidden}.page-transition.active{pointer-events:all}.page-transition .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0a0a0a;transform:translateY(-100%)}.page-transition.active .overlay{animation:slideDown .7s cubic-bezier(.77,0,.175,1) forwards}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.page-transition .glitch-red{position:absolute;top:0;left:0;width:100%;height:100%;background:#ff003c;transform:translateY(-100%);opacity:0}.page-transition.active .glitch-red{animation:glitchLayerRed .7s steps(1) forwards}@keyframes glitchLayerRed{0%{transform:translateY(-100%);opacity:0}20%{transform:translateY(-60%) translate(-10px);opacity:.8}25%{transform:translateY(-60%) translate(10px);opacity:.8}40%{transform:translateY(-20%) translate(-5px);opacity:.6}45%{transform:translateY(-20%) translate(5px);opacity:0}to{transform:translateY(0);opacity:0}}.page-transition .glitch-cyan{position:absolute;top:0;left:0;width:100%;height:100%;background:#00fff2;transform:translateY(-100%);opacity:0}.page-transition.active .glitch-cyan{animation:glitchLayerCyan .7s steps(1) forwards}@keyframes glitchLayerCyan{0%{transform:translateY(-100%);opacity:0}22%{transform:translateY(-55%) translate(10px);opacity:.8}27%{transform:translateY(-55%) translate(-10px);opacity:.8}42%{transform:translateY(-15%) translate(5px);opacity:.6}47%{transform:translateY(-15%) translate(-5px);opacity:0}to{transform:translateY(0);opacity:0}}.page-transition .scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px);opacity:0;z-index:10}.page-transition.active .scanlines{animation:showScanlines .7s ease forwards}@keyframes showScanlines{0%{opacity:0}30%{opacity:1}to{opacity:1}}.page-transition .glitch-bar{position:absolute;left:0;width:100%;height:20px;background:#ff0;opacity:0;z-index:5}.page-transition.active .glitch-bar:nth-child(4){top:15%;animation:glitchBar .7s ease forwards}.page-transition.active .glitch-bar:nth-child(5){top:35%;animation:glitchBar .7s ease .05s forwards}.page-transition.active .glitch-bar:nth-child(6){top:55%;animation:glitchBar .7s ease .1s forwards}.page-transition.active .glitch-bar:nth-child(7){top:75%;animation:glitchBar .7s ease .15s forwards}.page-transition.active .glitch-bar:nth-child(8){top:90%;animation:glitchBar .7s ease .2s forwards}@keyframes glitchBar{0%{transform:translate(-100%);opacity:0}20%{transform:translate(0);opacity:1}25%{transform:translate(10px);opacity:1}30%{transform:translate(-5px);opacity:.8}35%{transform:translate(100%);opacity:0}to{opacity:0}}.page-transition .loading-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Space Mono,monospace;font-size:3rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5em;opacity:0;z-index:20}.page-transition.active .loading-text{animation:loadingText .7s ease forwards}.page-transition .loading-text:before,.page-transition .loading-text:after{content:"LOADING";position:absolute;top:0;left:0;width:100%;height:100%}.page-transition .loading-text:before{color:#ff003c;z-index:-1}.page-transition .loading-text:after{color:#00fff2;z-index:-1}.page-transition.active .loading-text:before{animation:textGlitchRed .3s steps(2) infinite}.page-transition.active .loading-text:after{animation:textGlitchCyan .3s steps(2) infinite}@keyframes loadingText{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}30%{opacity:1;transform:translate(-50%,-50%) scale(1)}70%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.1)}}@keyframes textGlitchRed{0%{transform:translate(0)}25%{transform:translate(-4px,2px)}50%{transform:translate(4px,-2px)}75%{transform:translate(-2px,-2px)}to{transform:translate(0)}}@keyframes textGlitchCyan{0%{transform:translate(0)}25%{transform:translate(4px,-2px)}50%{transform:translate(-4px,2px)}75%{transform:translate(2px,2px)}to{transform:translate(0)}}.preloader{position:fixed;inset:0;background:#000;display:flex;align-items:center;justify-content:center;z-index:99999;transition:opacity .5s ease,visibility .5s ease}.preloader.loaded{opacity:0;visibility:hidden;pointer-events:none}.preloader-content{text-align:center;z-index:2}.preloader-text{font-family:Space Mono,monospace;font-size:1.5rem;color:#fff;margin-bottom:2rem;letter-spacing:.3em}.preloader-prefix{color:#00fff2;text-shadow:0 0 10px #00fff2;margin-right:.5rem}.preloader-typing{display:inline-block;overflow:hidden;white-space:nowrap;animation:typing 1.5s steps(12) infinite}.preloader-cursor{color:#ff0;animation:cursorBlink .8s steps(1) infinite}@keyframes typing{0%,to{width:0}50%,90%{width:12ch}}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.preloader-bar{width:300px;height:4px;background:#222;border:1px solid #333;margin:0 auto 1.5rem;position:relative;overflow:hidden}.preloader-progress{height:100%;width:0%;background:linear-gradient(90deg,#00fff2,#ff0);box-shadow:0 0 20px #00fff2;transition:width .3s ease}.preloader-bar:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.preloader-status{font-family:Space Mono,monospace;font-size:.7rem;color:#666;letter-spacing:.15em;text-transform:uppercase}.preloader-scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.02) 2px,rgba(255,255,255,.02) 4px);pointer-events:none}.preloader:before,.preloader:after{content:"";position:absolute;width:50px;height:50px}.preloader:before{top:2rem;left:2rem;border-top:2px solid #00fff2;border-left:2px solid #00fff2;box-shadow:-5px -5px 20px #00fff233}.preloader:after{bottom:2rem;right:2rem;border-bottom:2px solid #ff003c;border-right:2px solid #ff003c;box-shadow:5px 5px 20px #ff003c33}body.loading{overflow:hidden}.preloader.complete .preloader-text{animation:glitchFlicker .3s ease}@keyframes glitchFlicker{0%,to{opacity:1;transform:translate(0)}20%{opacity:.8;transform:translate(-2px)}40%{opacity:1;transform:translate(2px)}60%{opacity:.8;transform:translate(-1px)}80%{opacity:1;transform:translate(1px)}}