@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@100;200;300;400;500;600;700;800&family=Orbitron:wght@400;700;900&display=swap";.user-is-tabbing button:focus,.user-is-tabbing a:focus{outline:2px solid rgba(248,99,248,.965)}body:not(.user-is-tabbing) button:focus,body:not(.user-is-tabbing) a:focus{outline:none}:root{--font-epic: "Orbitron", "Space Grotesk", "Inter", sans-serif;--font-primary: "Space Grotesk", "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--black: #000000;--black-soft: #0a0a0a;--black-light: #1a1a1a;--white: #ffffff;--white-soft: #f8f8f8;--gold: #ffd700;--gold-light: #ffed4e;--fire: #ff4500;--fire-light: #ff8c00;--ice: #00bfff;--ice-light: #87ceeb;--purple: #9400d3;--green: #00ff41;--gradient-gold: linear-gradient(45deg, #ffd700, #ffed4e, #ffc107);--gradient-fire: linear-gradient(45deg, #ff4500, #ff8c00, #ffd700);--gradient-ice: linear-gradient(45deg, #00bfff, #87ceeb, #e0f6ff);--gradient-dark: linear-gradient(135deg, #000000, #1a1a1a, #000000);--gradient-matrix: linear-gradient(90deg, #003300, #00ff41, #003300);--gradient-hologram: linear-gradient(45deg, transparent 30%, rgba(255, 215, 0, .1) 50%, transparent 70%);--shadow-epic: 0 20px 60px rgba(0, 0, 0, .8);--shadow-glow-gold: 0 0 30px rgba(255, 215, 0, .5);--shadow-glow-fire: 0 0 30px rgba(255, 69, 0, .5);--shadow-glow-ice: 0 0 30px rgba(0, 191, 255, .5);--shadow-neon: 0 0 20px currentColor;--container-max: 1400px;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 8rem;--transition: all .3s ease;--transition-slow: all .6s ease;--transition-epic: all .8s cubic-bezier(.25, .46, .45, .94)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%;scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-primary);font-size:1.6rem;line-height:1.6;color:var(--white-soft);background:var(--black);overflow-x:hidden;position:relative}.App{position:relative;min-height:100vh;background:var(--gradient-dark)}.App:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(255,69,0,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,191,255,.15) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,215,0,.1) 0%,transparent 50%);z-index:-2;animation:cosmicDrift 20s ease-in-out infinite}.App:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(90deg,transparent 98%,rgba(255,215,0,.03) 100%),linear-gradient(0deg,transparent 98%,rgba(0,191,255,.03) 100%);background-size:100px 100px;z-index:-1;animation:gridMove 30s linear infinite}@keyframes cosmicDrift{0%,to{transform:scale(1) rotate(0);opacity:.5}50%{transform:scale(1.1) rotate(180deg);opacity:.8}}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(100px,100px)}}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--spacing-md);position:relative}@media (max-width: 768px){.container{padding:0 var(--spacing-sm)}}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,215,0,.2);padding:var(--spacing-sm) 0;box-shadow:var(--shadow-epic)}.nav:before{content:"";position:absolute;inset:0;background:var(--gradient-hologram);opacity:.1;z-index:-1}.nav__content{display:flex;justify-content:space-between;align-items:center;max-width:var(--container-max);margin:0 auto;padding:0 var(--spacing-md)}.nav__right-section{display:flex;align-items:center;gap:var(--spacing-md)}.nav__logo-container{position:relative;display:flex;align-items:center}.nav__logo{height:5rem;filter:drop-shadow(0 0 15px var(--gold)) brightness(1.2);transition:var(--transition-epic)}.nav__items{display:flex;list-style:none;gap:var(--spacing-lg)}.nav__link{position:relative;display:flex;align-items:center;gap:1rem;color:var(--white-soft);text-decoration:none;font-weight:600;font-size:1.4rem;text-transform:uppercase;letter-spacing:2px;padding:var(--spacing-sm) var(--spacing-md);border:1px solid transparent;border-radius:8px;transition:var(--transition-epic);background:linear-gradient(135deg,transparent,rgba(255,215,0,.05));overflow:hidden}.nav__link:hover{color:var(--gold);border-color:var(--gold);background:linear-gradient(135deg,#ffd7001a,#ffd7000d);transform:translateY(-2px);box-shadow:var(--shadow-glow-gold)}.nav-icon{font-size:1.8rem;filter:drop-shadow(0 0 5px currentColor)}.mobile-menu-btn{display:none;flex-direction:column;justify-content:center;align-items:center;width:4rem;height:4rem;background:transparent;border:2px solid var(--gold);border-radius:8px;cursor:pointer;transition:var(--transition-epic);z-index:1001;position:relative}.mobile-menu-btn.menu-open{opacity:0;pointer-events:none}.mobile-menu-btn:hover{background:#ffd7001a;box-shadow:var(--shadow-glow-gold);transform:scale(1.05)}.hamburger-line{width:2.4rem;height:3px;background:var(--gold);margin:3px 0;transition:var(--transition-epic);transform-origin:center;border-radius:2px;box-shadow:0 0 10px var(--gold)}.mobile-menu-btn.open .hamburger-line:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.mobile-menu-btn.open .hamburger-line:nth-child(2){opacity:0}.mobile-menu-btn.open .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.desktop-nav{display:flex}.mobile-nav-overlay{position:fixed;inset:0;background:#000000e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:9998;pointer-events:auto}.mobile-nav{position:absolute;top:0;right:0;width:35rem;height:100vh;background:linear-gradient(135deg,#000000fa,#141414f2,#000000fa);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-left:2px solid var(--gold);display:flex;flex-direction:column;padding:2rem;box-shadow:-10px 0 50px #000c;position:relative;overflow:hidden;z-index:9999;pointer-events:auto}.mobile-nav:before{content:"";position:absolute;inset:0;background:var(--gradient-hologram);opacity:.1;z-index:-1}.mobile-nav-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,215,0,.3);background:#000!important;border-radius:12px 12px 0 0;padding:2rem;margin:-2rem -2rem 2rem;position:relative;z-index:10000}.mobile-nav-logo{width:4rem;height:4rem;filter:drop-shadow(0 0 15px var(--gold))}.mobile-nav-close{width:4rem;height:4rem;background:transparent;border:2px solid var(--gold);border-radius:50%;color:var(--gold);font-size:2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-epic)}.mobile-nav-close:hover{background:#ffd7001a;box-shadow:var(--shadow-glow-gold);transform:rotate(90deg)}.mobile-nav-items{list-style:none;display:flex;flex-direction:column;gap:1rem;flex:1}.mobile-nav-link{display:flex;align-items:center;gap:1.5rem;padding:1.5rem 2rem;color:var(--white-soft);text-decoration:none;font-size:1.8rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;border:1px solid transparent;border-radius:12px;transition:var(--transition-epic);position:relative;overflow:hidden}.mobile-nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.1),transparent);transition:left .5s ease;z-index:-1}.mobile-nav-link:hover:before{left:100%}.mobile-nav-link:hover{color:var(--gold);border-color:#ffd70080;background:#ffd7001a;transform:translate(10px);box-shadow:var(--shadow-glow-gold)}.mobile-nav-icon{font-size:2.4rem;filter:drop-shadow(0 0 10px currentColor)}.mobile-nav-text{flex:1}.title-container{margin-top:2.5rem}@media (max-width: 1400px){.nav__content{padding:0 var(--spacing-lg)}.nav__items{gap:3rem}}@media (max-width: 1200px){.nav__items{gap:2.5rem}.nav__link{font-size:1.3rem;padding:var(--spacing-xs) var(--spacing-sm)}}@media (max-width: 992px){.nav__items{gap:2rem}.nav__link{font-size:1.2rem}.nav-icon{font-size:1.6rem}}@media (max-width: 768px){.mobile-menu-btn{display:flex}.desktop-nav,.audio-control{display:none}.mobile-nav-overlay{display:block}.nav__content{padding:0 var(--spacing-md)}.nav__right-section{justify-content:flex-end}.nav__logo{height:4rem}.mobile-nav{width:32rem}}@media (max-width: 576px){.nav__content{padding:0 var(--spacing-sm)}.mobile-nav{width:28rem}.mobile-nav-link{font-size:1.6rem;padding:1.2rem 1.5rem}.mobile-nav-icon{font-size:2rem}}@media (max-width: 480px){.mobile-nav{width:100vw;border-left:none;border-top:2px solid var(--gold)}.mobile-nav-header{margin-bottom:3rem;padding-bottom:1.5rem}.mobile-nav-logo{width:3.5rem;height:3.5rem}.mobile-nav-close{width:3.5rem;height:3.5rem;font-size:1.8rem}}@media (max-width: 360px){.mobile-menu-btn{width:3.5rem;height:3.5rem}.hamburger-line{width:2rem}.nav__logo{height:3.5rem}.mobile-nav-link{font-size:1.4rem;gap:1rem;padding:1rem 1.2rem}.mobile-nav-icon{font-size:1.8rem}}@media (max-width: 768px) and (orientation: landscape){.mobile-nav{width:30rem;padding:1.5rem}.mobile-nav-items{gap:.5rem}.mobile-nav-link{padding:1rem 1.5rem;font-size:1.4rem}.mobile-nav-header{margin-bottom:2rem;padding-bottom:1rem}}@media (min-width: 769px){.mobile-nav-overlay{display:none!important}}@media (hover: hover){.mobile-nav-link:hover{transform:translate(10px) scale(1.02)}}@media (hover: none){.mobile-nav-link:hover{transform:translate(5px)}.mobile-menu-btn:hover{transform:scale(1.02)}}@media (prefers-reduced-motion: reduce){.mobile-nav,.mobile-nav-link,.hamburger-line{transition:none;animation:none}}.header{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:var(--spacing-xl) 0;background:radial-gradient(ellipse at center,rgba(255,215,0,.05) 0%,transparent 70%),var(--gradient-dark)}.header__content{text-align:center;position:relative;z-index:2}.header__title{font-family:var(--font-epic);font-size:clamp(4rem,8vw,12rem);font-weight:900;line-height:.8;margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:-3px;position:relative;perspective:1000px}.header__subtitle{font-size:clamp(1.6rem,3vw,2.8rem);font-weight:600;margin-bottom:var(--spacing-lg);text-transform:uppercase;letter-spacing:4px;opacity:.9;position:relative}.header__actions{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap;margin-bottom:var(--spacing-xl)}.btn{display:inline-block;padding:2rem 4rem;font-size:1.6rem;font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:3px;border:none;border-radius:8px;cursor:pointer;transition:var(--transition-epic);position:relative;overflow:hidden;min-width:200px;text-align:center;transform:perspective(1000px);font-family:var(--font-epic)}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease;z-index:1}.btn:hover:before{left:100%}.btn--fire{background:var(--gradient-fire);color:var(--white);box-shadow:var(--shadow-glow-fire)}.btn--fire:hover{transform:perspective(1000px) rotateX(5deg) rotateY(5deg) translateY(-5px);box-shadow:var(--shadow-glow-fire),0 25px 50px #ff450066}.btn--ice{background:var(--gradient-ice);color:var(--black);box-shadow:var(--shadow-glow-ice)}.btn--ice:hover{transform:perspective(1000px) rotateX(-5deg) rotateY(-5deg) translateY(-5px);box-shadow:var(--shadow-glow-ice),0 25px 50px #00bfff66}.btn--small{padding:1.2rem 2.4rem;font-size:1.2rem;min-width:140px}@media (max-width: 768px){.header__actions{flex-direction:column;align-items:center;margin-bottom:var(--spacing-lg)}.btn{width:100%}.header__actions>.btn{max-width:280px}}.particles-epic{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none!important;z-index:1}.particle-epic{filter:blur(.5px);box-shadow:0 0 10px currentColor}.section{padding:var(--spacing-xl) 0;position:relative;overflow:hidden}.section:before{content:"";position:absolute;inset:0;background:var(--gradient-hologram);opacity:.02;z-index:1}.section__header{text-align:center;margin-bottom:var(--spacing-xl);position:relative;z-index:2}.section__title{font-family:var(--font-epic);font-size:clamp(3rem,6vw,8rem);font-weight:900;margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:-2px;position:relative;background:var(--gradient-gold);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px rgba(255,215,0,.3))}.section__subtitle{font-size:2rem;color:var(--white-soft);opacity:.8;max-width:600px;margin:0 auto;line-height:1.6}.projects__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl);position:relative;z-index:2}@media (min-width: 769px) and (max-width: 1200px){.projects__grid{grid-template-columns:repeat(2,1fr);gap:2rem;max-width:800px;margin-left:auto;margin-right:auto}}@media (min-width: 1201px) and (max-width: 1400px){.projects__grid{grid-template-columns:repeat(2,1fr);gap:2.5rem;max-width:900px;margin-left:auto;margin-right:auto}}@media (min-width: 1401px){.projects__grid{grid-template-columns:repeat(2,1fr);gap:3rem;max-width:900px;margin-left:auto;margin-right:auto}}.project-card{background:#000c;border:1px solid rgba(255,215,0,.2);border-radius:16px;overflow:hidden;transition:var(--transition-epic);cursor:pointer;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-card:before{content:"";position:absolute;inset:0;background:var(--gradient-hologram);opacity:0;transition:opacity .3s ease;z-index:1}.project-card:hover:before{opacity:.1}.project-card:hover{border-color:var(--gold);transform:translateY(-15px) rotateX(2deg);box-shadow:var(--shadow-epic),var(--shadow-glow-gold)}.project-card__image{height:250px;background:var(--gradient-dark);position:relative;overflow:hidden}.project-card__image:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,215,0,.05) 2px,rgba(255,215,0,.05) 4px);animation:scanlines 3s linear infinite;pointer-events:none}@keyframes scanlines{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.project-card__image img{width:100%;height:100%;object-fit:cover;transition:var(--transition-epic);filter:brightness(.8) contrast(1.2)}.project-card:hover .project-card__image img{transform:scale(1.1);filter:brightness(1) contrast(1.3)}.project-card__content{padding:var(--spacing-lg);position:relative;z-index:2}.project-card__title{font-family:var(--font-epic);font-size:2.4rem;font-weight:700;color:var(--white);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:1px}.project-card__description{color:var(--white-soft);opacity:.9;margin-bottom:var(--spacing-md);line-height:1.6;font-size:1.6rem}.project-card__tech{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.tech-badge{padding:.8rem 1.6rem;background:linear-gradient(135deg,#ffd7001a,#00bfff1a);border:1px solid rgba(255,215,0,.3);border-radius:25px;font-size:1.2rem;color:var(--gold);text-transform:uppercase;font-weight:600;letter-spacing:1px;transition:var(--transition-epic);cursor:pointer;position:relative;overflow:hidden}.tech-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.3),transparent);transition:left .4s ease}.tech-badge:hover:before{left:100%}.tech-badge:hover{background:var(--gradient-gold);color:var(--black);border-color:var(--gold);transform:translateY(-3px);box-shadow:var(--shadow-glow-gold)}.project-card__actions{display:flex;gap:var(--spacing-md);align-items:stretch}.contact{background:radial-gradient(ellipse at center,#000c,#000000f2),var(--gradient-dark);position:relative}.contact:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 100px,rgba(255,215,0,.02) 100px,rgba(255,215,0,.02) 102px);animation:gridMove 40s linear infinite;pointer-events:none!important}.back-to-top{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);width:6rem;height:6rem;background:var(--gradient-gold);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-epic);z-index:999;box-shadow:var(--shadow-glow-gold)}.back-to-top:hover{transform:translateY(-5px) rotateY(180deg);box-shadow:var(--shadow-glow-gold),0 15px 30px #ffd70066}.back-to-top svg{width:2.4rem;height:2.4rem;fill:var(--black);transition:var(--transition)}@keyframes nuclearFlash{0%{background:radial-gradient(circle,#fff0 0% 70%,#ffffff1a);transform:scale(1)}50%{background:radial-gradient(circle,#fffc,#ffd70099,#ff45004d 60%,#0000);transform:scale(1.5)}to{background:radial-gradient(circle,#fff0 0% 70%,#ffffff0d);transform:scale(1)}}@keyframes shockwave{0%{transform:scale(0);opacity:1;border:3px solid rgba(255,215,0,.8)}50%{border:2px solid rgba(255,69,0,.6)}to{transform:scale(4);opacity:0;border:1px solid rgba(255,255,255,.1)}}@keyframes atomicOrbit{0%{transform:rotateY(0) rotateX(0)}25%{transform:rotateY(90deg) rotateX(15deg)}50%{transform:rotateY(180deg) rotateX(0)}75%{transform:rotateY(270deg) rotateX(-15deg)}to{transform:rotateY(360deg) rotateX(0)}}@keyframes geigerPulse{0%,90%,to{opacity:0;transform:scale(.8)}45%,55%{opacity:1;transform:scale(1.2)}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes smoke{0%{transform:translateY(0) scale(1) rotate(0);opacity:.8}50%{transform:translateY(-100px) scale(1.5) rotate(180deg);opacity:.4}to{transform:translateY(-200px) scale(2) rotate(360deg);opacity:0}}@keyframes epicEntrance{0%{transform:translateY(100px) scale(.8);opacity:0;filter:blur(10px) brightness(.5)}50%{transform:translateY(-10px) scale(1.05);opacity:.8;filter:blur(2px) brightness(1.2)}to{transform:translateY(0) scale(1);opacity:1;filter:blur(0) brightness(1)}}@keyframes matrixRain{0%{transform:translateY(-100vh);opacity:1}to{transform:translateY(100vh);opacity:0}}@keyframes quantumFlicker{0%,to{opacity:.3;transform:scale(1) rotate(0);filter:hue-rotate(0deg)}25%{opacity:.8;transform:scale(1.2) rotate(90deg);filter:hue-rotate(90deg)}50%{opacity:.1;transform:scale(.8) rotate(180deg);filter:hue-rotate(180deg)}75%{opacity:.9;transform:scale(1.1) rotate(270deg);filter:hue-rotate(270deg)}}@keyframes lensFlare{0%{transform:translate(-200px) scale(0);opacity:0}50%{transform:translate(50vw) scale(1);opacity:.8}to{transform:translate(100vw) scale(0);opacity:0}}@keyframes epicGlow{0%,to{text-shadow:0 0 5px var(--gold),0 0 10px var(--gold),0 0 15px var(--gold),0 0 20px var(--gold);transform:scale(1)}50%{text-shadow:0 0 10px var(--gold),0 0 20px var(--gold),0 0 30px var(--gold),0 0 40px var(--gold),0 0 50px var(--fire),0 0 60px var(--fire);transform:scale(1.02)}}.holographic-scanlines{position:absolute;inset:0;background:linear-gradient(transparent 50%,rgba(255,215,0,.03) 50%,transparent 51%,rgba(255,215,0,.03) 52%,transparent 53%);background-size:100% 4px;animation:scanlines 2s linear infinite;pointer-events:none;z-index:1000}@keyframes scanlines{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.nuclear-explosion{position:absolute;top:50%;left:50%;width:10px;height:10px;background:radial-gradient(circle,#fff 0%,#ffd700 30%,#ff4500 70%,transparent 100%);border-radius:50%;transform:translate(-50%,-50%);animation:explosion 3s ease-out forwards;pointer-events:none}@keyframes explosion{0%{transform:translate(-50%,-50%) scale(0);opacity:1}20%{transform:translate(-50%,-50%) scale(2);opacity:.9;box-shadow:0 0 50px gold,0 0 100px #ff4500,0 0 150px #fff}60%{transform:translate(-50%,-50%) scale(8);opacity:.3;box-shadow:0 0 200px #ffd70080,0 0 300px #ff45004d}to{transform:translate(-50%,-50%) scale(20);opacity:0;box-shadow:none}}.floating-particle,.bg-particle{position:absolute;border-radius:50%;background:var(--gradient-gold);filter:blur(.5px);box-shadow:0 0 5px var(--gold-glow);will-change:transform,opacity}.dust-particle{position:absolute;width:2px;height:2px;background:#ffd7004d;border-radius:50%;will-change:transform,opacity}@keyframes dustFloat{0%{transform:translateY(100vh) translate(0);opacity:0}10%{opacity:.5}90%{opacity:.5}to{transform:translateY(-10vh) translate(100px);opacity:0}}.debug{position:fixed;inset:0;pointer-events:none;z-index:9999}.debug__grid{position:absolute;top:50%;left:50%;width:200%;height:200%;background:#ffffff1a;transform:translate(-50%,-50%) rotate(45deg);pointer-events:none}.debug__axis{position:absolute;width:2px;height:100%;background:#ffd700cc;transform-origin:top;pointer-events:none}.debug__axis.x{left:50%;transform:translate(-50%)}.debug__axis.y{top:50%;transform:translateY(-50%)}.debug__label{position:absolute;font-size:1.2rem;color:#ffd700e6;text-shadow:0 0 5px rgba(0,0,0,.7);pointer-events:none}.debug__label.x{top:0;left:50%;transform:translate(-50%,-100%)}.debug__label.y{top:50%;left:0;transform:translate(-100%,-50%)}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes glow{0%,to{box-shadow:0 0 20px #ffd7004d}50%{box-shadow:0 0 40px #ffd700cc}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes matrix{0%{transform:translateY(-100%);opacity:0}50%{opacity:1}to{transform:translateY(100vh);opacity:0}}@keyframes hologram{0%,to{background-position:0% 50%;filter:hue-rotate(0deg)}50%{background-position:100% 50%;filter:hue-rotate(180deg)}}.fade-in{animation:fadeIn .8s ease forwards}.slide-up{animation:slideUp .6s ease forwards}.glow-effect{animation:glow 2s ease-in-out infinite}.float-effect{animation:float 6s ease-in-out infinite}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes epicPulse{0%{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.8;text-shadow:0 0 50px currentColor}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes matrixFall{0%{transform:translateY(-100px);opacity:1}to{transform:translateY(100vh);opacity:0}}@keyframes nuclearFlash{0%{opacity:0;transform:scale(0);filter:brightness(1)}20%{opacity:1;transform:scale(1);filter:brightness(10) saturate(3)}60%{opacity:.8;transform:scale(1.5);filter:brightness(5) saturate(2)}to{opacity:0;transform:scale(3);filter:brightness(1) saturate(1)}}.epic-cursor-effect{position:fixed;width:20px;height:20px;border:2px solid #ffd700;border-radius:50%;pointer-events:none;z-index:9998;mix-blend-mode:difference;transition:all .1s ease}.epic-cursor-effect.active{transform:scale(2);border-color:#ff4500;box-shadow:0 0 20px #ff4500}.trinity-loader{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10000;overflow:hidden;font-family:Orbitron,Space Grotesk,monospace;-webkit-user-select:none;user-select:none;cursor:none}.trinity-loader:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(255,69,0,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,191,255,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,215,0,.05) 0%,transparent 50%);animation:loaderBackgroundDrift 15s ease-in-out infinite}@keyframes loaderBackgroundDrift{0%,to{transform:scale(1) rotate(0);opacity:.3}50%{transform:scale(1.2) rotate(180deg);opacity:.6}}.trinity-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(90deg,rgba(255,215,0,.03) 1px,transparent 1px),linear-gradient(0deg,rgba(255,215,0,.03) 1px,transparent 1px);background-size:40px 40px;animation:gridPulse 4s ease-in-out infinite}@keyframes gridPulse{0%,to{opacity:.2}50%{opacity:.5}}.trinity-countdown{font-family:Orbitron,monospace;font-weight:900;text-align:center;position:relative}.trinity-countdown:before{content:"";position:absolute;top:50%;left:50%;width:200%;height:200%;transform:translate(-50%,-50%);background:radial-gradient(circle,transparent 30%,rgba(255,215,0,.1) 50%,transparent 70%);animation:countdownPulse 1s ease-in-out infinite}@keyframes countdownPulse{0%,to{transform:translate(-50%,-50%) scale(.8);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.8}}.typewriter-cursor{animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes nuclearFlash{0%{background:transparent;transform:scale(1)}10%{background:radial-gradient(circle,rgba(255,255,255,.9) 0%,rgba(255,215,0,.7) 30%,rgba(255,69,0,.4) 60%,transparent 100%);transform:scale(1.5)}20%{background:radial-gradient(circle,rgba(255,255,255,.7) 0%,rgba(255,215,0,.5) 40%,transparent 80%);transform:scale(2)}to{background:transparent;transform:scale(1)}}@keyframes trinityShockwave{0%{transform:scale(0);opacity:1;border:4px solid rgba(255,255,255,.9)}25%{border:3px solid rgba(255,215,0,.7)}50%{border:2px solid rgba(255,69,0,.5)}to{transform:scale(8);opacity:0;border:1px solid rgba(255,255,255,.1)}}.atomic-glow{filter:drop-shadow(0 0 10px currentColor);animation:atomicPulse 2s ease-in-out infinite}@keyframes atomicPulse{0%,to{filter:drop-shadow(0 0 10px currentColor) brightness(1)}50%{filter:drop-shadow(0 0 30px currentColor) brightness(1.3)}}.math-formula{position:relative;overflow:hidden}.math-formula:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:mathSweep 3s ease-in-out infinite}@keyframes mathSweep{0%{left:-100%}50%{left:100%}to{left:-100%}}.reactor-glow{position:relative}.reactor-glow:before{content:"";position:absolute;inset:-20px;background:radial-gradient(circle,rgba(255,140,0,.3),transparent);border-radius:50%;animation:reactorPulse 1.5s ease-in-out infinite}@keyframes reactorPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.3);opacity:.8}}.trinity-quote{position:relative;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,215,0,.3);background:#0006;border-radius:12px;padding:2rem;box-shadow:0 10px 30px #00000080,inset 0 1px #ffffff1a}.trinity-quote:before{content:'"';position:absolute;top:-10px;left:20px;font-size:4rem;color:gold;font-family:serif;opacity:.7}.trinity-progress{position:relative;background:#ffffff1a;border-radius:3px;overflow:hidden;border:1px solid rgba(255,215,0,.3);box-shadow:inset 0 2px 4px #0003}.trinity-progress:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:progressShimmer 2s linear infinite}@keyframes progressShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.explosion-particle{filter:blur(.5px);animation:particleFloat 3s ease-out forwards}@keyframes particleFloat{0%{transform:scale(0) rotate(0);opacity:1}50%{transform:scale(1.2) rotate(180deg);opacity:.8}to{transform:scale(.5) rotate(360deg);opacity:0}}.heat-distortion{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,69,0,.05) 2px,rgba(255,69,0,.05) 4px);animation:heatWave .3s linear infinite}@keyframes heatWave{0%{transform:translate(0) skew(0)}25%{transform:translate(1px) skew(.5deg)}50%{transform:translate(0) skew(0)}75%{transform:translate(-1px) skew(-.5deg)}to{transform:translate(0) skew(0)}}.trinity-completion{position:relative}.trinity-completion:before{content:"";position:absolute;top:50%;left:50%;width:200%;height:200%;transform:translate(-50%,-50%);background:conic-gradient(transparent,rgba(255,215,0,.1),transparent);animation:completionSpin 4s linear infinite}@keyframes completionSpin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@media (max-width: 768px){.trinity-loader{padding:1rem!important}.trinity-loader__container{gap:2rem!important;width:90%!important;max-width:350px!important}.trinity-loader__countdown{font-size:4rem!important}.trinity-loader__countdown--critical{font-size:6rem!important}.trinity-loader__text{font-size:1rem!important;letter-spacing:.1em!important;padding:0 1rem!important;line-height:1.2!important}.trinity-loader__professional{padding:.8rem 1rem!important;max-width:280px!important;font-size:.9rem!important}.trinity-loader__quote{font-size:1rem!important;padding:1rem!important;max-width:280px!important}.trinity-loader__progress{width:250px!important;height:4px!important}.trinity-loader__grid{background-size:30px 30px!important}.trinity-loader__logo{width:60px!important;height:60px!important;font-size:1.5rem!important}.trinity-loader__component-architecture{width:280px!important;height:250px!important}.trinity-loader__hub{width:70px!important;height:70px!important;font-size:1.5rem!important}.trinity-loader__component{width:50px!important;height:50px!important;font-size:1rem!important}.trinity-loader__performance-grid{grid-template-columns:1fr!important;gap:.8rem!important}.trinity-loader__metric{padding:.6rem!important;font-size:.8rem!important}.trinity-loader__portfolio-launch{width:100%!important;height:300px!important;max-width:350px!important}.trinity-loader__tech-stack{font-size:1rem!important;padding:.6rem 1rem!important;min-width:100px!important}.trinity-loader__achievement{font-size:1.2rem!important;padding:.8rem 1.5rem!important;max-width:90%!important}}@media (max-width: 480px){.trinity-loader__container{gap:1.5rem!important;width:95%!important;max-width:300px!important}.trinity-loader__countdown{font-size:3rem!important}.trinity-loader__countdown--critical{font-size:4.5rem!important}.trinity-loader__text{font-size:.9rem!important;letter-spacing:.05em!important;line-height:1.1!important}.trinity-loader__professional{padding:.6rem .8rem!important;max-width:250px!important;font-size:.8rem!important}.trinity-loader__quote{font-size:.9rem!important;padding:.8rem!important;max-width:250px!important}.trinity-loader__progress{width:200px!important;height:3px!important}.trinity-loader__component-architecture{width:250px!important;height:220px!important}.trinity-loader__hub{width:60px!important;height:60px!important;font-size:1.2rem!important}.trinity-loader__component{width:45px!important;height:45px!important;font-size:.9rem!important}.trinity-loader__portfolio-launch{height:250px!important;max-width:300px!important}.trinity-loader__tech-stack{font-size:.8rem!important;padding:.5rem .8rem!important;min-width:80px!important}.trinity-loader__achievement{font-size:1rem!important;padding:.6rem 1rem!important}}@media (max-width: 768px) and (orientation: landscape){.trinity-loader__container{gap:1rem!important}.trinity-loader__countdown{font-size:3rem!important}.trinity-loader__countdown--critical{font-size:4rem!important}.trinity-loader__text{font-size:.9rem!important;margin-bottom:.5rem!important}.trinity-loader__professional{margin-bottom:1rem!important}.trinity-loader__quote{padding:1rem!important}}@media (min-width: 769px) and (max-width: 1024px){.trinity-loader__container{gap:2.5rem!important;width:80%!important;max-width:500px!important}.trinity-loader__countdown{font-size:6rem!important}.trinity-loader__countdown--critical{font-size:8rem!important}.trinity-loader__text{font-size:1.4rem!important;letter-spacing:.2em!important}.trinity-loader__professional{padding:1rem 1.5rem!important;max-width:400px!important}.trinity-loader__quote{font-size:1.2rem!important;padding:1.5rem!important;max-width:400px!important}.trinity-loader__progress{width:320px!important;height:5px!important}.trinity-loader__grid{background-size:40px 40px!important}}@media (prefers-reduced-motion: reduce){.trinity-loader *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.trinity-loader{--shadow-glow-gold: 0 0 40px rgba(255, 215, 0, .8) !important;--shadow-glow-fire: 0 0 40px rgba(255, 69, 0, .8) !important;--shadow-glow-ice: 0 0 40px rgba(0, 191, 255, .8) !important}}@media (prefers-color-scheme: dark){.trinity-loader{background:linear-gradient(135deg,#000,#0a0a0a,#000)!important}}.testimonial-carousel{margin-top:2.5rem;padding:0 1rem;max-width:800px;margin-left:auto;margin-right:auto;position:relative;z-index:10}.testimonial-container{position:relative;background:#00000026;border-radius:12px;padding:2.4rem 2.4rem 1.3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,215,0,.1);box-shadow:0 5px 20px #0003;overflow:hidden;transition:all .3s ease}.testimonial-container:hover{transform:translateY(-1px);box-shadow:0 8px 25px #0000004d,0 0 15px #ffd70014;border-color:#ffd70033}.testimonial-card{position:relative;min-height:150px;display:flex;flex-direction:column;justify-content:space-between}.testimonial-bg-effects{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:10px}.testimonial-glow{position:absolute;top:-30%;left:-30%;width:160%;height:160%;background:radial-gradient(circle,rgba(255,215,0,.02) 0%,rgba(255,69,0,.01) 30%,transparent 70%);animation:testimonialsGlow 15s ease-in-out infinite}.testimonial-grid{display:none}@keyframes testimonialsGlow{0%,to{transform:rotate(0) scale(1);opacity:.1}50%{transform:rotate(90deg) scale(1.02);opacity:.2}}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(20px,20px)}}.testimonial-particles{display:none}.testimonial-particle{position:absolute;width:2px;height:2px;background:radial-gradient(circle,gold,#ff4500);border-radius:50%;box-shadow:0 0 5px gold;top:50%;left:50%}.testimonial-rating{display:flex;justify-content:center}.testimonial-content{margin-bottom:1.2rem;position:relative}.testimonial-quote{text-align:left;position:relative}.quote-mark{display:none}.testimonial-quote p{font-size:1.4rem;line-height:1.7;color:#ffffffe0;font-style:italic;padding:1.6rem 2rem;background:#ffd70006;border-radius:10px;border:1px solid rgba(255,215,0,.08);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:relative;z-index:2;max-height:140px;overflow-y:auto;overflow-x:hidden;text-align:left;scrollbar-width:thin;scrollbar-color:rgba(255,215,0,.3) transparent}.testimonial-quote p::-webkit-scrollbar{width:4px}.testimonial-quote p::-webkit-scrollbar-track{background:transparent}.testimonial-quote p::-webkit-scrollbar-thumb{background:#ffd7004d;border-radius:2px}.testimonial-quote p::-webkit-scrollbar-thumb:hover{background:#ffd70080}.testimonial-author{display:flex;align-items:center;gap:1rem;justify-content:flex-start;text-align:left}.author-avatar{width:35px;height:35px;border-radius:50%;background:var(--gradient-gold);display:flex;align-items:center;justify-content:center;font-size:1.4rem;border:1px solid var(--gold);box-shadow:0 0 8px #ffd70033;flex-shrink:0}.author-info{flex:1}.author-name{font-size:1.2rem;font-weight:600;color:var(--gold);margin-bottom:.1rem;font-family:var(--font-epic);text-shadow:0 0 3px rgba(255,215,0,.2);line-height:1.2}.author-role{font-size:.95rem;color:var(--ice);margin-bottom:0;font-weight:400;line-height:1.2}.author-date{display:none}.testimonial-controls{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,215,0,.08);gap:1rem}.testimonial-nav{background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--gold);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition)}.testimonial-nav:hover{background:#ffd70033;transform:scale(1.1);box-shadow:0 0 12px #ffd70066;border-color:#ffd70080}.testimonial-nav:active{transform:scale(.95)}.testimonial-indicators{display:flex;gap:.8rem;align-items:center;justify-content:center;flex:1}.indicator{width:8px;height:8px;border-radius:50%;border:1px solid rgba(255,215,0,.3);background:#ffd70033;cursor:pointer;transition:var(--transition)}.indicator.active{background:var(--gold);box-shadow:0 0 10px #ffd70080;transform:scale(1.4)}.indicator:hover{transform:scale(1.2);box-shadow:0 0 6px #ffd70066}.testimonial-progress{position:absolute;bottom:0;left:0;height:1px;background:var(--gradient-fire);border-radius:0 0 10px 10px;box-shadow:0 0 3px #ff45004d}@media (max-width: 768px){.testimonial-carousel{margin-top:2rem;padding:0 .5rem;max-width:90%}.testimonial-container{padding:1.8rem}.testimonial-quote p{font-size:1.3rem;padding:1.4rem 1.6rem;max-height:120px;overflow-y:auto;overflow-x:hidden;text-align:left}.testimonial-author{gap:.8rem;justify-content:flex-start}.author-avatar{width:32px;height:32px;font-size:1.3rem}.author-name{font-size:1.1rem}.author-role{font-size:.9rem}.testimonial-controls{margin-top:.8rem;padding-top:.8rem}.testimonial-nav{width:24px;height:24px;font-size:.9rem}}@media (max-width: 480px){.testimonial-carousel{max-width:95%}.testimonial-quote p{font-size:1.2rem;padding:1.2rem 1.4rem;max-height:100px;overflow-y:auto;overflow-x:hidden;text-align:left}.author-name{font-size:1rem}.author-role{font-size:.85rem}.testimonial-container{padding:1.4rem}.testimonial-carousel{margin-top:1.8rem}.author-avatar{width:30px;height:30px;font-size:1.2rem}.testimonial-nav{width:22px;height:22px;font-size:.8rem}}@media (min-width: 769px) and (max-width: 1200px){.project-card__image{height:220px}.project-card__content{padding:2rem}.project-card__title{font-size:2rem;line-height:1.2}.project-card__description{font-size:1.4rem;line-height:1.5}.tech-badge{font-size:1rem;padding:.6rem 1.2rem}.btn--small{font-size:1.1rem;padding:1rem 2rem}}@media (max-width: 768px){.projects__grid{grid-template-columns:1fr!important;gap:2rem!important;margin-top:3rem!important;padding:0!important}.project-card{max-width:100%!important;margin:0 auto}.project-card__image{height:200px!important}.project-card__content{padding:2rem!important}.project-card__title{font-size:2rem!important;line-height:1.2!important}.project-card__tech{gap:.6rem!important;margin-bottom:2rem!important}.tech-badge{font-size:1.1rem!important;padding:.4rem 1rem!important;border-radius:12px!important}.project-card__actions{flex-direction:column!important;gap:1.2rem!important;align-items:center}.btn--small{font-size:1.15rem!important;padding:1.1rem 2rem!important;min-width:auto!important;width:100%!important}}@media (max-width: 480px){.projects__grid{gap:1.5rem!important}.project-card__image{height:180px!important}.project-card__content{padding:1.5rem!important}.project-card__title{font-size:1.8rem!important}.project-card__description{font-size:1.4rem!important}.tech-badge{font-size:1rem!important;padding:.3rem .8rem!important}.project-card__actions{gap:1rem!important;align-items:center}.btn--small{font-size:1.1rem!important;padding:1rem 1.5rem!important}#contact>.container>.section__header{margin-bottom:var(--spacing-md)}}@media (max-width: 768px) and (orientation: landscape){.projects__grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:1.5rem!important}.project-card__image{height:150px!important}.project-card__content{padding:1.5rem!important}}