:root{--color-bg-primary:#0a0a0a;--color-bg-secondary:#1a1a1a;--color-text-primary:#ffffff;--color-text-secondary:#f0f0f0;--color-text-muted:#a0a0a0;--color-neon-blue:#00ffff;--color-neon-blue-dark:#0080ff;--color-purple:#8a2be2;--color-purple-light:#9d4edd;--color-green:#00ff41;--color-green-bright:#39ff14;--font-primary:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-mono:'Roboto Mono','Fira Code','Courier New',monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--space-xs:0.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem;--space-3xl:6rem;--container-max-width:1200px;--section-padding:6rem 2rem;--glow-blue:0 0 20px rgba(0,255,255,0.3);--glow-purple:0 0 20px rgba(138,43,226,0.3);--glow-green:0 0 20px rgba(57,255,20,0.3);--shadow-soft:0 4px 20px rgba(0,0,0,0.3);--transition-fast:0.2s ease;--transition-medium:0.3s ease;--transition-slow:0.5s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-primary);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;overflow-x:hidden;cursor:default !important}body.custom-cursor-active.cursor-initialized{cursor:none}.custom-cursor{position:fixed;top:0;left:0;width:20px;height:20px;background:radial-gradient(circle,var(--color-neon-blue) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:9999;mix-blend-mode:difference;transition:transform var(--transition-fast)}.cursor-trail{position:fixed;top:0;left:0;width:6px;height:6px;background:var(--color-neon-blue);border-radius:50%;pointer-events:none;z-index:9998;opacity:0.7}.main-nav{position:fixed;top:0;left:0;width:100%;background:linear-gradient(135deg,rgba(10,10,10,0.98) 0%,rgba(20,20,20,0.95) 100%);backdrop-filter:blur(15px) saturate(180%);border-bottom:1px solid rgba(0,255,255,0.2);z-index:1000;transition:var(--transition-medium);position:relative;overflow:hidden}.main-nav::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 50%,rgba(0,255,255,0.1) 0%,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(138,43,226,0.1) 0%,transparent 50%),linear-gradient(90deg,transparent 0%,rgba(0,255,255,0.05) 50%,transparent 100%);pointer-events:none;animation:lightningPulse 3s ease-in-out infinite}.main-nav::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,255,255,0.1) 0%,transparent 70%);opacity:0;transition:opacity var(--transition-slow);pointer-events:none}.main-nav:hover::after{opacity:1}@keyframes lightningPulse{0%,100%{opacity:0.3;transform:scaleX(1)}25%{opacity:0.8;transform:scaleX(1.02)}50%{opacity:0.5;transform:scaleX(0.98)}75%{opacity:0.9;transform:scaleX(1.01)}}@keyframes mobileLightning{0%,100%{opacity:0.4;transform:scale(1) rotate(0deg)}30%{opacity:0.9;transform:scale(1.03) rotate(0.5deg)}60%{opacity:0.6;transform:scale(0.97) rotate(-0.3deg)}80%{opacity:0.8;transform:scale(1.01) rotate(0.2deg)}}.nav-container{max-width:var(--container-max-width);margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:80px;position:relative;z-index:2}.nav-logo{display:flex;align-items:center;gap:0.3rem;font-size:var(--text-2xl);font-weight:800;position:relative;cursor:pointer;transition:var(--transition-medium)}.nav-logo:hover{transform:scale(1.05)}.logo-text{color:var(--color-text-primary);text-shadow:0 0 10px rgba(255,255,255,0.5),0 0 20px rgba(255,255,255,0.3),0 0 30px rgba(255,255,255,0.1);position:relative}.logo-accent{color:var(--color-neon-blue);text-shadow:0 0 10px var(--color-neon-blue),0 0 20px var(--color-neon-blue),0 0 30px var(--color-neon-blue),0 0 40px var(--color-neon-blue);animation:logoGlow 3s ease-in-out infinite alternate}@keyframes logoGlow{0%{text-shadow:0 0 10px var(--color-neon-blue),0 0 20px var(--color-neon-blue),0 0 30px var(--color-neon-blue)}100%{text-shadow:0 0 15px var(--color-neon-blue),0 0 25px var(--color-neon-blue),0 0 35px var(--color-neon-blue),0 0 45px var(--color-neon-blue)}}.nav-menu{display:flex;list-style:none;gap:2.5rem;align-items:center}.nav-link{color:var(--color-text-secondary);text-decoration:none;font-weight:600;font-size:var(--text-base);transition:all var(--transition-medium);position:relative;padding:0.8rem 1.2rem;border-radius:8px;overflow:hidden;text-transform:uppercase;letter-spacing:0.5px;cursor:pointer}.nav-link::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,0.1),transparent);transition:left var(--transition-medium)}.nav-link:hover::before{left:100%}.nav-link:hover{color:var(--color-neon-blue);text-shadow:0 0 5px var(--color-neon-blue),0 0 10px var(--color-neon-blue),0 0 15px var(--color-neon-blue);transform:translateY(-2px);background:rgba(0,255,255,0.05);border:1px solid rgba(0,255,255,0.2);box-shadow:0 0 20px rgba(0,255,255,0.3),inset 0 0 20px rgba(0,255,255,0.1)}.nav-link:active{transform:translateY(0);box-shadow:0 0 30px rgba(0,255,255,0.5),inset 0 0 30px rgba(0,255,255,0.2)}.nav-link::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-neon-blue),transparent);transition:all var(--transition-medium);transform:translateX(-50%)}.nav-link:hover::after{width:100%;box-shadow:0 0 10px var(--color-neon-blue),0 0 20px var(--color-neon-blue)}.nav-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:0.5rem;border-radius:6px;transition:var(--transition-medium);position:relative;z-index:10000}.nav-toggle:hover{background:rgba(0,255,255,0.1);box-shadow:0 0 15px rgba(0,255,255,0.3)}.nav-toggle span{width:28px;height:3px;background:linear-gradient(90deg,var(--color-text-primary),var(--color-neon-blue));transition:all var(--transition-medium);border-radius:2px;box-shadow:0 0 5px rgba(0,255,255,0.3)}@media (max-width:768px){.nav-container{height:80px}.nav-menu{position:fixed;top:80px;left:-100%;width:100%;height:calc(100vh - 80px);background:linear-gradient(135deg,rgba(10,10,10,0.98) 0%,rgba(20,20,20,0.95) 100%);backdrop-filter:blur(25px) saturate(180%);flex-direction:column;justify-content:flex-start;align-items:center;padding-top:4rem;gap:2rem;transition:var(--transition-medium);border-right:1px solid rgba(0,255,255,0.2);z-index:9999}.nav-menu::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 30% 20%,rgba(0,255,255,0.15) 0%,transparent 60%),radial-gradient(ellipse at 70% 80%,rgba(138,43,226,0.15) 0%,transparent 60%),linear-gradient(45deg,transparent 0%,rgba(0,255,255,0.08) 50%,transparent 100%);pointer-events:none;animation:mobileLightning 2.5s ease-in-out infinite}.nav-menu.active{left:0}.nav-toggle{display:flex}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px);background:var(--color-neon-blue);box-shadow:0 0 10px var(--color-neon-blue)}.nav-toggle.active span:nth-child(2){opacity:0;transform:scale(0)}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(8px,-7px);background:var(--color-neon-blue);box-shadow:0 0 10px var(--color-neon-blue)}.nav-link{font-size:var(--text-lg);padding:1rem 2rem;width:80%;text-align:center;border:1px solid rgba(0,255,255,0.1);background:rgba(0,255,255,0.02)}.nav-link:hover{transform:translateY(-3px) scale(1.05);background:rgba(0,255,255,0.1);border:1px solid rgba(0,255,255,0.4)}}#interactive-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1}.main-container{position:relative;z-index:2}.section{padding:var(--section-padding);position:relative}.section-content{max-width:var(--container-max-width);margin:0 auto;position:relative}.section-title{font-size:var(--text-5xl);font-weight:700;line-height:1.2;margin-bottom:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-xs)}.title-sketch{font-size:var(--text-lg);color:var(--color-text-muted);font-weight:300;text-transform:uppercase;letter-spacing:0.1em}.title-main{color:var(--color-text-primary)}.title-accent{color:var(--color-neon-blue);text-shadow:var(--glow-blue)}.text-large{font-size:var(--text-xl);line-height:1.7;margin-bottom:var(--space-lg);color:var(--color-text-secondary)}.text-medium{font-size:var(--text-lg);line-height:1.6;margin-bottom:var(--space-md);color:var(--color-text-secondary)}.text-highlight{font-size:var(--text-lg);color:var(--color-neon-blue);text-shadow:var(--glow-blue);margin-bottom:var(--space-lg)}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse at center,rgba(26,26,26,0.8) 0%,var(--color-bg-primary) 70%)}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center;max-width:var(--container-max-width);width:100%;padding:0 var(--space-lg)}.brain-lamp-container{display:flex;justify-content:center;align-items:center;position:relative}.brain-lamp-svg{width:100%;max-width:400px;height:auto;filter:drop-shadow(var(--glow-blue))}.hero-text{display:flex;flex-direction:column;gap:var(--space-lg)}.hero-title{font-size:var(--text-6xl);font-weight:700;line-height:1.1;margin-bottom:var(--space-md)}.title-line{display:block;margin-bottom:var(--space-xs)}.highlight-code{color:var(--color-neon-blue);text-shadow:var(--glow-blue)}.highlight-design{color:var(--color-purple);text-shadow:var(--glow-purple)}.highlight-creativity{color:var(--color-green);text-shadow:var(--glow-green)}.hero-subtitle{font-size:var(--text-xl);line-height:1.6;color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.hero-subtitle strong{color:var(--color-text-primary);font-weight:600}.hero-actions{display:flex;gap:var(--space-lg);flex-wrap:wrap}.btn-primary,.btn-secondary,.btn-contact-primary{position:relative;padding:var(--space-md) var(--space-xl);font-size:var(--text-lg);font-weight:500;border:2px solid;background:transparent;color:var(--color-text-primary);cursor:pointer;transition:transform 200ms ease-out,box-shadow 200ms ease-out,background-color 200ms ease-out,border-color 200ms ease-out;overflow:hidden;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:200px}body.custom-cursor-active.cursor-initialized .btn-primary,body.custom-cursor-active.cursor-initialized .btn-secondary,body.custom-cursor-active.cursor-initialized .btn-contact-primary{cursor:none}body.custom-cursor-active.cursor-initialized .btn-primary:hover,body.custom-cursor-active.cursor-initialized .btn-secondary:hover,body.custom-cursor-active.cursor-initialized .btn-contact-primary:hover{cursor:none}.btn-primary{border-color:var(--color-neon-blue);color:var(--color-neon-blue)}.btn-primary:hover{background:rgba(0,255,255,0.1);box-shadow:var(--glow-blue);transform:translateY(-1px)}.btn-secondary{border-color:var(--color-text-primary);color:var(--color-text-primary)}.btn-secondary:hover{background:rgba(255,255,255,0.1);box-shadow:var(--shadow-soft);transform:translateY(-1px)}.btn-contact-primary{border-color:var(--color-green);color:var(--color-green);font-size:var(--text-xl);padding:var(--space-lg) var(--space-2xl)}.btn-contact-primary:hover{background:rgba(57,255,20,0.1);box-shadow:var(--glow-green);transform:translateY(-1px)}.btn-circuit,.btn-glow,.btn-particles{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;opacity:0;transition:opacity 180ms ease-out}.scroll-indicator{position:absolute;bottom:var(--space-xl);left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.scroll-line{width:2px;height:40px;background:linear-gradient(to bottom,transparent,var(--color-neon-blue),transparent)}.scroll-dot{width:8px;height:8px;border-radius:50%;background:var(--color-neon-blue);box-shadow:var(--glow-blue)}.what-i-do{background:linear-gradient(135deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 100%)}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:start}.content-text{display:flex;flex-direction:column}.tech-showcase{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.tech-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-lg);border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.02);transition:transform 220ms ease-out,box-shadow 220ms ease-out,background-color 220ms ease-out,border-color 220ms ease-out;cursor:pointer}body.custom-cursor-active.cursor-initialized .tech-item{cursor:none}.tech-item:hover{border-color:var(--color-neon-blue);background:rgba(0,255,255,0.05);transform:translateY(-2px);box-shadow:var(--glow-blue)}.tech-icon{width:60px;height:60px}.tech-icon svg{width:100%;height:100%}.tech-logo{width:100%;height:100%;object-fit:contain;border-radius:8px;transition:transform 220ms ease-out}.tech-item:hover .tech-logo{transform:scale(1.1)}.tech-name{font-size:var(--text-lg);font-weight:500;color:var(--color-text-primary)}.how-i-work{background:var(--color-bg-primary)}.work-process{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center}.process-visual{position:relative;height:400px;display:flex;align-items:center;justify-content:center}.gear-system{position:relative;width:100%;height:100%}.gear{position:absolute}.gear-large{top:50%;left:20%;transform:translate(-50%,-50%);width:100px;height:100px}.gear-medium{top:30%;right:20%;transform:translate(50%,-50%);width:80px;height:80px}.gear-small{bottom:20%;left:50%;transform:translate(-50%,50%);width:60px;height:60px}.connection-lines{position:absolute;top:0;left:0;width:100%;height:100%}.connection-svg{width:100%;height:100%}.contact-section{background:radial-gradient(ellipse at center,rgba(26,26,26,0.8) 0%,var(--color-bg-primary) 70%);text-align:center;position:relative;overflow:hidden}.contact-content{max-width:800px;margin:0 auto}.contact-text{font-size:var(--text-xl);color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.contact-highlight{font-size:var(--text-xl);color:var(--color-text-primary);margin-bottom:var(--space-2xl)}.contact-highlight strong{color:var(--color-neon-blue);text-shadow:var(--glow-blue)}.contact-actions{display:flex;justify-content:center}.youtube-section{background:linear-gradient(135deg,rgba(26,26,26,0.9) 0%,rgba(18,18,18,0.95) 50%,rgba(26,26,26,0.9) 100%);position:relative;overflow:hidden;border-top:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(255,255,255,0.1)}.youtube-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,rgba(255,0,0,0.05) 0%,transparent 70%);pointer-events:none}.youtube-content{display:grid;grid-template-columns:1fr auto;gap:var(--space-2xl);align-items:center;max-width:1000px;margin:0 auto}.youtube-description{text-align:left}.youtube-text{font-size:var(--text-xl);color:var(--color-text-secondary);margin-bottom:var(--space-md);line-height:1.6}.youtube-highlight{font-size:var(--text-lg);color:var(--color-text-primary);margin-bottom:0;line-height:1.5}.youtube-highlight strong{color:var(--color-neon-blue);text-shadow:var(--glow-blue)}.youtube-cta{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.youtube-profile{position:relative;display:flex;align-items:center;justify-content:center}.profile-image{width:100px;height:100px;border-radius:50%;overflow:hidden;border:3px solid var(--color-neon-blue);box-shadow:0 0 20px rgba(0,255,255,0.3);transition:all 0.3s ease;position:relative;z-index:2}.profile-img{width:100%;height:100%;object-fit:cover;transition:all 0.3s ease}.profile-image:hover{transform:scale(1.05);border-color:#FF0000;box-shadow:0 0 30px rgba(255,0,0,0.5)}.profile-image:hover .profile-img{transform:scale(1.1)}.youtube-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#FF0000;border-radius:50%;border:2px solid white;position:absolute;bottom:-5px;right:-5px;z-index:3;transition:all 0.3s ease;animation:pulse-youtube 3s ease-in-out infinite}.youtube-icon svg{width:20px;height:20px;transition:all 0.3s ease}.youtube-icon:hover{transform:scale(1.2);box-shadow:0 0 20px rgba(255,0,0,0.6)}.btn-youtube{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background:linear-gradient(135deg,#FF0000 0%,#CC0000 100%);color:white;text-decoration:none;border-radius:50px;font-weight:600;font-size:var(--text-base);transition:all 0.3s ease;border:2px solid transparent;position:relative;overflow:hidden}.btn-youtube::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s ease}.btn-youtube:hover::before{left:100%}.btn-youtube:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(255,0,0,0.4);border-color:rgba(255,255,255,0.2)}.btn-youtube svg{transition:transform 0.3s ease}.btn-youtube:hover svg{transform:translateX(3px)}.youtube-bg-effects{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.youtube-particles{position:absolute;width:100%;height:100%}.youtube-particle{position:absolute;width:6px;height:6px;background:rgba(255,0,0,0.6);border-radius:50%;animation:float-youtube 8s ease-in-out infinite}.youtube-particle:nth-child(1){top:20%;left:15%;animation-delay:0s;animation-duration:6s}.youtube-particle:nth-child(2){top:70%;left:85%;animation-delay:2s;animation-duration:8s}.youtube-particle:nth-child(3){top:40%;left:75%;animation-delay:4s;animation-duration:7s}.youtube-particle:nth-child(4){top:80%;left:25%;animation-delay:1s;animation-duration:9s}@keyframes pulse-youtube{0%,100%{transform:scale(1);box-shadow:0 0 20px rgba(255,0,0,0.2)}50%{transform:scale(1.05);box-shadow:0 0 40px rgba(255,0,0,0.4)}}@keyframes float-youtube{0%,100%{transform:translateY(0px) rotate(0deg);opacity:0.6}25%{transform:translateY(-20px) rotate(90deg);opacity:0.8}50%{transform:translateY(-10px) rotate(180deg);opacity:0.4}75%{transform:translateY(-30px) rotate(270deg);opacity:0.7}}.particles-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:var(--color-neon-blue);border-radius:50%;opacity:0.6}.particle:nth-child(1){top:20%;left:10%;animation:float 6s ease-in-out infinite}.particle:nth-child(2){top:60%;left:80%;animation:float 8s ease-in-out infinite reverse}.particle:nth-child(3){top:80%;left:20%;animation:float 7s ease-in-out infinite}.particle:nth-child(4){top:30%;left:70%;animation:float 9s ease-in-out infinite reverse}.particle:nth-child(5){top:50%;left:50%;animation:float 5s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0px) translateX(0px)}25%{transform:translateY(-20px) translateX(10px)}50%{transform:translateY(-10px) translateX(-10px)}75%{transform:translateY(-30px) translateX(5px)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.no-scroll{overflow:hidden}::selection{background:rgba(0,255,255,0.3);color:var(--color-text-primary)}::-moz-selection{background:rgba(0,255,255,0.3);color:var(--color-text-primary)}.projects-section{background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 50%,#0a0a0a 100%);position:relative;overflow:hidden;padding:4rem 0}.projects-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(0,255,255,0.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,0,255,0.1) 0%,transparent 50%);pointer-events:none}.projects-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:2rem;position:relative;z-index:2;max-width:800px;margin-left:auto;margin-right:auto}.project-card{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.1);border-radius:15px;padding:1.5rem;position:relative;overflow:hidden;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);backdrop-filter:blur(10px)}.project-card:hover{transform:translateY(-10px);border-color:rgba(0,255,255,0.3);box-shadow:0 20px 40px rgba(0,0,0,0.3),0 0 30px rgba(0,255,255,0.1)}.project-image{position:relative;border-radius:10px;overflow:hidden;margin-bottom:1.5rem;aspect-ratio:16/10;max-height:400px;min-height:300px}.project-img{width:100%;height:100%;object-fit:contain;background:rgba(255,255,255,0.05);transition:transform 0.3s ease}.project-card:hover .project-img{transform:scale(1.02)}.project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient( 135deg,rgba(0,255,255,0.1) 0%,rgba(255,0,255,0.1) 100% );opacity:0;transition:opacity 0.3s ease;display:flex;align-items:flex-start;justify-content:flex-end;padding:1rem}.project-card:hover .project-overlay{opacity:1}.project-tech-stack{display:flex;flex-direction:column;gap:0.5rem}.tech-tag{background:rgba(0,255,255,0.2);color:#00ffff;padding:0.3rem 0.8rem;border-radius:20px;font-size:0.8rem;font-weight:500;border:1px solid rgba(0,255,255,0.3);backdrop-filter:blur(10px)}.project-content{position:relative;z-index:2}.project-title{font-size:1.5rem;font-weight:700;color:#ffffff;margin-bottom:0.8rem;background:linear-gradient(135deg,#ffffff 0%,#00ffff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.project-description{color:rgba(255,255,255,0.8);line-height:1.5;margin-bottom:1.5rem;font-size:0.95rem}.project-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:0.8rem;margin-bottom:1.5rem}.feature-item{display:flex;align-items:center;gap:0.6rem;padding:0.6rem;background:rgba(255,255,255,0.05);border-radius:8px;border:1px solid rgba(255,255,255,0.1);transition:all 0.3s ease}.feature-item:hover{background:rgba(0,255,255,0.1);border-color:rgba(0,255,255,0.3)}.feature-icon{font-size:1rem}.feature-text{color:rgba(255,255,255,0.9);font-size:0.85rem;font-weight:500}.project-actions{display:flex;gap:1rem}.btn-project-primary{background:linear-gradient(135deg,#00ffff 0%,#ff00ff 100%);color:#000000;border:none;padding:0.8rem 1.5rem;border-radius:25px;font-weight:600;font-size:0.9rem;cursor:pointer;position:relative;overflow:hidden;transition:all 0.3s ease;display:flex;align-items:center;gap:0.5rem}.btn-project-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,255,255,0.3)}.btn-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.5s ease}.btn-project-primary:hover .btn-glow{left:100%}.project-bg-effects{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.bg-circuit{position:absolute;top:20px;right:20px;width:100px;height:100px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="%2300ffff" opacity="0.3"/><circle cx="80" cy="20" r="2" fill="%23ff00ff" opacity="0.3"/><circle cx="20" cy="80" r="2" fill="%2300ffff" opacity="0.3"/><circle cx="80" cy="80" r="2" fill="%23ff00ff" opacity="0.3"/><path d="M20 20 L80 20 L80 80 L20 80 Z" stroke="%2300ffff" stroke-width="0.5" fill="none" opacity="0.2"/></svg>') no-repeat center;background-size:contain;opacity:0.5}.bg-particles{position:absolute;top:0;left:0;right:0;bottom:0}.bg-particle{position:absolute;width:4px;height:4px;background:#00ffff;border-radius:50%;opacity:0.3;animation:float 6s ease-in-out infinite}.bg-particle:nth-child(1){top:20%;left:10%;animation-delay:0s}.bg-particle:nth-child(2){top:60%;right:15%;animation-delay:2s;background:#ff00ff}.bg-particle:nth-child(3){bottom:30%;left:20%;animation-delay:4s}@keyframes float{0%,100%{transform:translateY(0px) rotate(0deg);opacity:0.3}50%{transform:translateY(-20px) rotate(180deg);opacity:0.6}}.project-carousel{position:relative;width:100%;height:100%;overflow:hidden;border-radius:10px}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 0.5s ease;z-index:1}.carousel-slide.active{opacity:1;z-index:2}.carousel-slide .project-img{width:100%;height:100%;object-fit:contain;background:rgba(255,255,255,0.05)}.carousel-controls{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 10px;opacity:0;transition:opacity 0.3s ease;pointer-events:none;z-index:3}.project-carousel:hover .carousel-controls{opacity:1;pointer-events:auto}.carousel-btn{background:rgba(0,255,255,0.2);border:1px solid rgba(0,255,255,0.3);color:#00ffff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;backdrop-filter:blur(10px)}.carousel-btn:hover{background:rgba(0,255,255,0.3);border-color:rgba(0,255,255,0.5);transform:scale(1.1)}.carousel-btn:active{transform:scale(0.95)}.slide-caption{position:absolute;bottom:10px;left:10px;background:rgba(0,0,0,0.8);color:#ffffff;padding:0.5rem 1rem;border-radius:20px;font-size:0.8rem;font-weight:500;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1)}.carousel-indicators{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:3}.indicator{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.4);cursor:pointer;transition:all 0.3s ease;border:1px solid rgba(255,255,255,0.2)}.indicator.active{background:#00ffff;border-color:#00ffff;box-shadow:0 0 10px rgba(0,255,255,0.5)}.indicator:hover{background:rgba(0,255,255,0.7);transform:scale(1.2)}@media (max-width:768px){.carousel-controls{padding:0 5px}.carousel-btn{width:35px;height:35px}.carousel-btn svg{width:16px;height:16px}.slide-caption{font-size:0.7rem;padding:0.4rem 0.8rem;bottom:8px;left:8px}.carousel-indicators{bottom:10px;gap:6px}.indicator{width:6px;height:6px}}.email-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);backdrop-filter:blur(10px);z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all 0.3s ease}.email-modal-overlay.active{opacity:1;visibility:visible}.email-modal-overlay.closing{opacity:0;visibility:hidden}.email-modal{background:linear-gradient(135deg,rgba(0,20,40,0.95),rgba(0,40,80,0.95));border:2px solid var(--color-neon-blue);border-radius:12px;padding:0;max-width:500px;width:90%;position:relative;box-shadow:0 0 50px rgba(0,255,255,0.3),inset 0 0 50px rgba(0,255,255,0.1);transform:scale(0.8) translateY(50px);transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);overflow:hidden}.email-modal-overlay.active .email-modal{transform:scale(1) translateY(0)}.email-modal::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient( 0deg,transparent,transparent 2px,rgba(0,255,255,0.03) 2px,rgba(0,255,255,0.03) 4px );pointer-events:none;z-index:1;animation:modalLightning 2.5s ease-in-out infinite}@keyframes modalLightning{0%,100%{opacity:0.4;transform:translateY(0) scale(1)}50%{opacity:0.8;transform:translateY(2px) scale(1.01)}}.email-modal-content{position:relative;z-index:2}.email-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(0,255,255,0.2);background:rgba(0,255,255,0.05)}.email-modal-header h3{margin:0;color:var(--color-neon-blue);font-size:1.5rem;font-weight:600;text-shadow:0 0 10px rgba(0,255,255,0.5)}.email-modal-close{background:none;border:none;color:var(--color-neon-blue);font-size:2rem;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.3s ease}.email-modal-close:hover{background:rgba(0,255,255,0.1);transform:rotate(90deg);box-shadow:0 0 20px rgba(0,255,255,0.3)}.email-modal-body{padding:2rem}.email-display{background:rgba(0,0,0,0.3);border:1px solid rgba(0,255,255,0.3);border-radius:8px;padding:1.5rem;margin-bottom:2rem;text-align:center;position:relative;overflow:hidden}.email-display::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,0.1),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}100%{left:100%}}.email-label{display:block;color:var(--color-text-secondary);font-size:0.9rem;margin-bottom:0.5rem;text-transform:uppercase;letter-spacing:1px}.email-address{display:block;color:var(--color-neon-blue);font-size:1.2rem;font-weight:600;font-family:'Courier New',monospace;text-shadow:0 0 10px rgba(0,255,255,0.5);word-break:break-all}.email-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-copy-email,.btn-send-email{position:relative;background:linear-gradient(135deg,rgba(0,255,255,0.1),rgba(0,200,255,0.1));border:2px solid var(--color-neon-blue);color:var(--color-neon-blue);padding:0.8rem 1.5rem;border-radius:8px;cursor:pointer;font-size:0.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:all 0.3s ease;overflow:hidden;min-width:140px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn-copy-email:hover,.btn-send-email:hover{background:linear-gradient(135deg,rgba(0,255,255,0.2),rgba(0,200,255,0.2));box-shadow:0 0 30px rgba(0,255,255,0.4),inset 0 0 30px rgba(0,255,255,0.1);transform:translateY(-2px)}.btn-copy-email .btn-glow,.btn-send-email .btn-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s ease}.btn-copy-email:hover .btn-glow,.btn-send-email:hover .btn-glow{left:100%}@media (max-width:768px){.email-modal{margin:1rem;width:calc(100% - 2rem)}.email-modal-header{padding:1rem 1.5rem}.email-modal-body{padding:1.5rem}.email-actions{flex-direction:column;align-items:center}.btn-copy-email,.btn-send-email{width:100%;max-width:200px}.email-address{font-size:1rem}}@keyframes lightningStrike{0%{background-position:0 0;filter:contrast(1) brightness(1) hue-rotate(0deg);box-shadow:0 0 10px rgba(0,255,255,0.2)}25%{background-position:3px 2px;filter:contrast(1.2) brightness(1.1) hue-rotate(10deg);box-shadow:0 0 20px rgba(138,43,226,0.3)}50%{background-position:-2px 3px;filter:contrast(0.8) brightness(1.2) hue-rotate(-5deg);box-shadow:0 0 15px rgba(0,255,255,0.4)}75%{background-position:2px -1px;filter:contrast(1.1) brightness(0.9) hue-rotate(8deg);box-shadow:0 0 25px rgba(138,43,226,0.2)}100%{background-position:0 0;filter:contrast(1) brightness(1) hue-rotate(0deg);box-shadow:0 0 10px rgba(0,255,255,0.2)}}@keyframes lightningFlicker{0%,100%{opacity:1;text-shadow:0 0 8px rgba(0,255,255,0.4),0 0 15px rgba(138,43,226,0.2)}15%{opacity:0.9;text-shadow:0 0 12px rgba(138,43,226,0.5),0 0 20px rgba(0,255,255,0.3)}30%{opacity:1;text-shadow:0 0 6px rgba(0,255,255,0.3),0 0 10px rgba(138,43,226,0.4)}45%{opacity:0.95;text-shadow:0 0 10px rgba(138,43,226,0.6),0 0 18px rgba(0,255,255,0.2)}}@keyframes brainPulse{0%,100%{transform:scale(1);filter:drop-shadow(0 0 10px rgba(0,255,255,0.3))}50%{transform:scale(1.05);filter:drop-shadow(0 0 20px rgba(0,255,255,0.6))}}@keyframes typeWriter{0%{opacity:0;transform:translateX(-10px)}100%{opacity:1;transform:translateX(0)}}@keyframes energyFlow{0%{opacity:0.3;stroke-dasharray:0,100}50%{opacity:0.8;stroke-dasharray:50,100}100%{opacity:0.3;stroke-dasharray:100,100}}@keyframes circuitPulse{0%,100%{opacity:0.5;stroke-width:1}50%{opacity:1;stroke-width:2}}@keyframes rotateClockwise{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes rotateCounterClockwise{0%{transform:rotate(0deg)}100%{transform:rotate(-360deg)}}@keyframes glowPulse{0%,100%{box-shadow:0 0 5px currentColor}50%{box-shadow:0 0 20px currentColor,0 0 30px currentColor}}@keyframes textReveal{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}100%{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}100%{opacity:1;transform:translateX(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(0.8)}100%{opacity:1;transform:scale(1)}}@keyframes drawLine{0%{stroke-dasharray:0,1000}100%{stroke-dasharray:1000,1000}}@keyframes floating{0%,100%{transform:translateY(0px)}50%{transform:translateY(-10px)}}@keyframes scrollBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}@keyframes circuitFlow{0%{background-position:0% 50%}100%{background-position:100% 50%}}@keyframes particleDrift{0%{transform:translate(0,0) rotate(0deg)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}100%{transform:translate(0,0) rotate(360deg)}}.brain-group{animation:brainPulse 3s ease-in-out infinite;transform-origin:center}.code-text{animation:typeWriter 0.5s ease-out forwards;opacity:0}.code-text:nth-child(1){animation-delay:0.5s}.code-text:nth-child(2){animation-delay:1s}.code-text:nth-child(3){animation-delay:1.5s}.code-text:nth-child(4){animation-delay:2s}.code-text:nth-child(5){animation-delay:2.5s}.code-text:nth-child(6){animation-delay:3s}.code-text:nth-child(7){animation-delay:3.5s}.energy-ray{animation:energyFlow 2s ease-in-out infinite}.energy-ray:nth-child(1){animation-delay:0s}.energy-ray:nth-child(2){animation-delay:0.7s}.energy-ray:nth-child(3){animation-delay:1.4s}.circuit-line{animation:circuitPulse 2s ease-in-out infinite}.connection-point{animation:glowPulse 2s ease-in-out infinite}.connection-point:nth-child(1){animation-delay:0s}.connection-point:nth-child(2){animation-delay:0.7s}.connection-point:nth-child(3){animation-delay:1.4s}.gear-large svg{animation:rotateClockwise 20s linear infinite}.gear-medium svg{animation:rotateCounterClockwise 15s linear infinite}.gear-small svg{animation:rotateClockwise 10s linear infinite}.connection-line{stroke-dasharray:5,5;animation:drawLine 3s ease-in-out infinite}.scroll-dot{animation:scrollBounce 2s ease-in-out infinite}.scroll-line{position:relative;overflow:hidden}.scroll-line::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent,var(--color-neon-blue),transparent);animation:floating 2s ease-in-out infinite}.tech-item{transition:transform 220ms ease-out,box-shadow 220ms ease-out,background-color 220ms ease-out,border-color 220ms ease-out}.tech-item:hover .tech-icon svg{animation:floating 2.2s ease-in-out infinite}.btn-primary:hover .btn-circuit{opacity:1;background:linear-gradient(90deg,transparent 0%,rgba(0,255,255,0.2) 25%,rgba(0,255,255,0.4) 50%,rgba(0,255,255,0.2) 75%,transparent 100%);background-size:200% 100%;animation:circuitFlow 2s linear infinite}.btn-secondary:hover .btn-glow{opacity:1;background:radial-gradient(circle,rgba(255,255,255,0.1) 0%,transparent 70%);animation:glowPulse 1.5s ease-in-out infinite}.btn-contact-primary:hover .btn-particles{opacity:1}.btn-contact-primary:hover .btn-particles::before,.btn-contact-primary:hover .btn-particles::after{content:'';position:absolute;width:4px;height:4px;background:var(--color-green);border-radius:50%;animation:particleDrift 3s ease-in-out infinite}.btn-contact-primary:hover .btn-particles::before{top:20%;left:20%;animation-delay:0s}.btn-contact-primary:hover .btn-particles::after{bottom:20%;right:20%;animation-delay:1.5s}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:all 0.6s ease-out}.animate-on-scroll.animate-in{opacity:1;transform:translateY(0)}.animate-slide-left{opacity:0;transform:translateX(-50px);transition:all 0.6s ease-out}.animate-slide-left.animate-in{opacity:1;transform:translateX(0)}.animate-slide-right{opacity:0;transform:translateX(50px);transition:all 0.6s ease-out}.animate-slide-right.animate-in{opacity:1;transform:translateX(0)}.animate-scale{opacity:0;transform:scale(0.8);transition:all 0.6s ease-out}.animate-scale.animate-in{opacity:1;transform:scale(1)}.animate-delay-1{transition-delay:0.1s}.animate-delay-2{transition-delay:0.2s}.animate-delay-3{transition-delay:0.3s}.animate-delay-4{transition-delay:0.4s}.animate-delay-5{transition-delay:0.5s}.brain-group,.gear svg,.energy-ray,.circuit-line,.connection-point,.scroll-dot,.custom-cursor,.cursor-trail{will-change:transform,opacity}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}.brain-group{animation:none}.gear svg{animation:none}.energy-ray,.circuit-line,.connection-point{animation:none;opacity:0.6}}.lightning-static-effect{animation:lightningFlicker 0.2s infinite linear;position:relative;overflow:hidden}.lightning-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;background:repeating-linear-gradient( 0deg,transparent 0px,rgba(255,255,255,0.02) 1px,transparent 2px,rgba(0,255,255,0.01) 3px ),repeating-linear-gradient( 90deg,transparent 0px,rgba(255,255,255,0.01) 1px,transparent 2px );background-size:100% 4px,4px 100%;opacity:0;transition:opacity 0.2s ease-out;z-index:1;animation:lightningStrike 0.1s infinite linear}.tv-static-effect::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient( 90deg,transparent 0%,rgba(255,255,255,0.01) 50%,transparent 100% );animation:lightningStrike 0.15s infinite linear reverse;pointer-events:none;z-index:2}.hero-title:hover .highlight-code{animation:glowPulse 1s ease-in-out infinite}.hero-title:hover .highlight-design{animation:glowPulse 1s ease-in-out infinite;animation-delay:0.3s}.hero-title:hover .highlight-creativity{animation:glowPulse 1s ease-in-out infinite;animation-delay:0.6s}.section-title .title-accent{position:relative;overflow:hidden}.section-title .title-accent::after{content:'';position:absolute;bottom:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--color-neon-blue),transparent);transition:left 0.6s ease}.section-title:hover .title-accent::after{left:100%}.particles-container .particle{animation:particleDrift 8s ease-in-out infinite}.particles-container .particle:nth-child(1){animation-delay:0s}.particles-container .particle:nth-child(2){animation-delay:1.6s}.particles-container .particle:nth-child(3){animation-delay:3.2s}.particles-container .particle:nth-child(4){animation-delay:4.8s}.particles-container .particle:nth-child(5){animation-delay:6.4s}@media (min-width:1400px){:root{--text-6xl:4.5rem;--text-5xl:3.5rem;--section-padding:8rem 2rem}.hero-content{max-width:1400px;gap:var(--space-3xl)}.brain-lamp-svg{max-width:500px}}@media (max-width:1399px) and (min-width:1200px){.hero-content{gap:var(--space-2xl)}.content-grid,.work-process{gap:var(--space-2xl)}}@media (max-width:1199px) and (min-width:992px){:root{--text-6xl:3rem;--text-5xl:2.5rem;--section-padding:5rem 2rem}.hero-content{gap:var(--space-xl)}.hero-actions{flex-direction:column;align-items:flex-start}.btn-primary,.btn-secondary,.btn-contact-primary{min-width:180px}.tech-showcase{grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.tech-item{padding:var(--space-md)}}@media (max-width:991px) and (min-width:768px){:root{--text-6xl:2.5rem;--text-5xl:2rem;--text-xl:1.125rem;--section-padding:4rem 1.5rem}.hero-content{grid-template-columns:1fr;gap:var(--space-xl);text-align:center}.brain-lamp-container{order:-1;margin-bottom:var(--space-lg)}.brain-lamp-svg{max-width:350px}.hero-actions{justify-content:center;gap:var(--space-md);flex-direction:column;max-width:400px;margin:0 auto}.btn-primary,.btn-secondary,.btn-contact-primary{width:100%;min-width:auto}.content-grid,.work-process{grid-template-columns:1fr;gap:var(--space-xl);text-align:center}.tech-showcase{grid-template-columns:repeat(2,1fr);gap:var(--space-lg);margin-top:var(--space-xl);max-width:500px;margin-left:auto;margin-right:auto}.tech-item{padding:var(--space-lg);flex-direction:column;text-align:center;gap:var(--space-md)}.process-visual{height:300px;margin-top:var(--space-xl)}.gear-large{width:80px;height:80px}.gear-medium{width:60px;height:60px}.gear-small{width:50px;height:50px}}@media (max-width:767px) and (min-width:576px){:root{--text-6xl:2rem;--text-5xl:1.75rem;--text-xl:1rem;--text-lg:1rem;--section-padding:3rem 1rem}.hero-section{min-height:90vh;padding:var(--space-lg) var(--space-md)}.hero-content{gap:var(--space-lg);grid-template-columns:1fr;text-align:center}.brain-lamp-container{order:-1;margin-bottom:var(--space-lg)}.brain-lamp-svg{max-width:300px}.hero-title{font-size:var(--text-4xl);margin-bottom:var(--space-md)}.hero-subtitle{font-size:var(--text-lg);margin-bottom:var(--space-lg)}.hero-actions{flex-direction:column;width:100%;gap:var(--space-md)}.btn-primary,.btn-secondary,.btn-contact-primary{width:100%;min-width:auto;padding:var(--space-lg);font-size:var(--text-lg)}.content-grid,.work-process{grid-template-columns:1fr;gap:var(--space-xl);text-align:center}.tech-showcase{grid-template-columns:repeat(2,1fr);gap:var(--space-lg);max-width:400px;margin:var(--space-xl) auto 0}.tech-item{padding:var(--space-lg);flex-direction:column;text-align:center;gap:var(--space-md)}.tech-icon{width:50px;height:50px}.tech-name{font-size:var(--text-lg);font-weight:500}.process-visual{height:250px}.gear-large{width:70px;height:70px}.gear-medium{width:50px;height:50px}.gear-small{width:40px;height:40px}}@media (max-width:575px){:root{--text-6xl:1.75rem;--text-5xl:1.5rem;--text-4xl:1.5rem;--text-xl:0.95rem;--text-lg:0.9rem;--section-padding:2.5rem 1rem;--space-3xl:3rem;--space-2xl:2rem;--space-xl:1.5rem}.hero-section{min-height:100vh;padding:var(--space-lg) var(--space-md)}.hero-content{gap:var(--space-xl);padding:0;grid-template-columns:1fr;text-align:center}.brain-lamp-container{order:-1;margin-bottom:var(--space-lg)}.brain-lamp-svg{max-width:280px}.hero-text{display:flex;flex-direction:column;gap:var(--space-lg)}.hero-title{font-size:var(--text-4xl);line-height:1.3;margin-bottom:var(--space-md)}.title-line{margin-bottom:var(--space-sm);display:block}.hero-subtitle{font-size:var(--text-lg);line-height:1.6;margin-bottom:var(--space-lg)}.hero-actions{flex-direction:column;gap:var(--space-md);width:100%}.btn-primary,.btn-secondary,.btn-contact-primary{width:100%;padding:var(--space-lg);font-size:var(--text-lg)}.section-title{font-size:var(--text-3xl);margin-bottom:var(--space-xl);text-align:center}.content-grid{grid-template-columns:1fr;gap:var(--space-xl);text-align:center}.work-process{grid-template-columns:1fr;gap:var(--space-xl);text-align:center}.text-large{font-size:var(--text-lg);line-height:1.6;margin-bottom:var(--space-lg)}.text-medium{font-size:var(--text-base)}.text-highlight{font-size:var(--text-lg)}.tech-showcase{grid-template-columns:1fr;gap:var(--space-lg);max-width:100%;margin:var(--space-xl) 0 0}.tech-item{padding:var(--space-xl);flex-direction:column;text-align:center;gap:var(--space-md);border-radius:12px;background:rgba(255,255,255,0.05)}.tech-icon{width:60px;height:60px;flex-shrink:0}.tech-name{font-size:var(--text-lg);font-weight:600}.process-visual{height:200px;margin-top:var(--space-lg)}.gear-system{transform:scale(0.8)}.projects-grid{grid-template-columns:1fr;gap:var(--space-xl)}.project-card{margin:0 auto;max-width:100%}.project-content{padding:var(--space-lg);text-align:center}.project-title{font-size:var(--text-xl);margin-bottom:var(--space-md)}.project-description{font-size:var(--text-base);line-height:1.6}.contact-content{text-align:center;padding:0 var(--space-md)}.contact-text,.contact-highlight{font-size:var(--text-lg);line-height:1.6;margin-bottom:var(--space-lg)}.btn-contact-primary{font-size:var(--text-lg);padding:var(--space-lg);width:100%;max-width:300px;margin:0 auto}.scroll-indicator{bottom:var(--space-lg)}.scroll-line{height:30px}.scroll-dot{width:6px;height:6px}}@media (max-width:320px){:root{--text-6xl:1.5rem;--text-5xl:1.25rem;--text-4xl:1.25rem;--section-padding:2rem 0.75rem}.brain-lamp-svg{max-width:200px}.hero-title{font-size:var(--text-3xl)}.section-title{font-size:var(--text-2xl)}.tech-item{padding:var(--space-md)}.btn-primary,.btn-secondary,.btn-contact-primary{padding:var(--space-md);font-size:var(--text-base)}}@media (hover:none) and (pointer:coarse){body{cursor:auto}.custom-cursor,.cursor-trail{display:none}.projects-section{padding:3rem 0}.projects-grid{margin-top:1.5rem;gap:1.5rem}.project-card{padding:1.2rem}.project-image{max-height:280px;min-height:220px;margin-bottom:1rem}.project-title{font-size:1.3rem}.project-description{font-size:0.9rem;margin-bottom:1.2rem}.project-features{grid-template-columns:1fr;gap:0.6rem;margin-bottom:1.2rem}.feature-item{padding:0.5rem}.feature-text{font-size:0.8rem}.btn-project-primary{padding:0.7rem 1.2rem;font-size:0.85rem}.btn-primary,.btn-secondary,.btn-contact-primary{min-height:48px;padding:var(--space-md) var(--space-lg)}.tech-item{min-height:60px}.tech-item:hover{transform:none}.btn-primary:hover,.btn-secondary:hover,.btn-contact-primary:hover{transform:none}.brain-group{animation-duration:4s}.gear svg{animation-duration:30s}}@media (max-height:500px) and (orientation:landscape){.hero-section{min-height:100vh;padding:var(--space-md)}.hero-content{grid-template-columns:1fr 1fr;gap:var(--space-lg);align-items:center}.brain-lamp-svg{max-width:200px}.hero-title{font-size:var(--text-3xl)}.hero-subtitle{font-size:var(--text-sm);margin-bottom:var(--space-md)}.hero-actions{flex-direction:row;gap:var(--space-sm)}.btn-primary,.btn-secondary{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);min-width:120px}.scroll-indicator{display:none}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.brain-lamp-svg,.tech-icon svg,.gear svg{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media print{*{background:white !important;color:black !important;box-shadow:none !important;text-shadow:none !important}.custom-cursor,.cursor-trail,#interactive-canvas,.particles-container,.scroll-indicator{display:none !important}.hero-section,.section{page-break-inside:avoid}.brain-lamp-svg{filter:none !important}}@media (prefers-reduced-motion:reduce){.hero-content{grid-template-columns:1fr;text-align:center}.brain-lamp-container{order:-1}}@media (prefers-color-scheme:light){}@supports (container-type:inline-size){.hero-content{container-type:inline-size}@container (max-width:600px){.hero-content{grid-template-columns:1fr;text-align:center}}}@media (min-width:1200px){.youtube-content{gap:4rem}.profile-image{width:120px;height:120px}.youtube-icon{width:45px;height:45px;bottom:-8px;right:-8px}.youtube-icon svg{width:22px;height:22px}}@media (max-width:1023px) and (min-width:768px){.youtube-content{grid-template-columns:1fr;text-align:center;gap:2rem}.youtube-description{text-align:center}.youtube-text{font-size:1.1rem}.youtube-highlight{font-size:1rem}.profile-image{width:90px;height:90px}.youtube-icon{width:35px;height:35px;bottom:-5px;right:-5px}.youtube-icon svg{width:18px;height:18px}}@media (max-width:767px) and (min-width:576px){.youtube-section{padding:3rem 0}.youtube-content{grid-template-columns:1fr;text-align:center;gap:1.5rem}.youtube-description{text-align:center}.youtube-text{font-size:1rem;margin-bottom:1rem}.youtube-highlight{font-size:0.95rem}.youtube-cta{gap:1rem}.profile-image{width:70px;height:70px}.youtube-icon{width:30px;height:30px;bottom:-3px;right:-3px}.youtube-icon svg{width:15px;height:15px}.btn-youtube{padding:0.8rem 1.5rem;font-size:0.9rem}}@media (max-width:575px){.youtube-section{padding:2.5rem 0}.youtube-content{grid-template-columns:1fr;text-align:center;gap:1.2rem}.youtube-description{text-align:center}.youtube-text{font-size:0.95rem;margin-bottom:0.8rem;line-height:1.5}.youtube-highlight{font-size:0.9rem;line-height:1.4}.youtube-cta{gap:0.8rem}.profile-image{width:60px;height:60px}.youtube-icon{width:25px;height:25px;bottom:-2px;right:-2px}.youtube-icon svg{width:12px;height:12px}.btn-youtube{padding:0.7rem 1.2rem;font-size:0.85rem;width:100%;max-width:200px;justify-content:center}.youtube-particle{width:4px;height:4px}}@media (max-width:320px){.youtube-section{padding:2rem 0}.youtube-text{font-size:0.9rem}.youtube-highlight{font-size:0.85rem}.profile-image{width:50px;height:50px}.youtube-icon{width:20px;height:20px;bottom:-2px;right:-2px}.youtube-icon svg{width:10px;height:10px}.btn-youtube{padding:0.6rem 1rem;font-size:0.8rem}}