:root{--bg-primary: #050a10;--bg-secondary: #0a1420;--text-primary: #e0e6ed;--text-secondary: #94a3b8;--accent-primary: #00ff9d;--accent-secondary: #00b8ff;--glass-bg: rgba(10, 20, 32, .7);--glass-border: rgba(255, 255, 255, .1);--font-main: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-main);overflow-x:hidden;line-height:1.6}a{color:var(--accent-primary);text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent-secondary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:12px}.text-gradient{background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.fade-in-section{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out;will-change:opacity,visibility}.fade-in-section.is-visible{opacity:1;transform:none}.terminal-command{font-family:var(--font-mono);color:var(--accent-primary);font-size:.9rem;margin-bottom:.5rem;opacity:.8;text-align:center;display:block}.language-switch{display:flex;align-items:center;justify-content:center;background:#00ff9d1a;border:2px solid var(--accent-primary);color:var(--accent-primary);padding:.5rem 1.2rem;border-radius:25px;font-family:var(--font-mono);font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:60px}.language-switch:hover{background:var(--accent-primary);color:var(--bg-primary);transform:translateY(-2px);box-shadow:0 4px 15px #00ff9d4d}.lang-code{letter-spacing:1px;font-size:.9rem}@media(max-width:768px){.language-switch{padding:.4rem 1rem;font-size:.85rem;min-width:55px}.lang-code{font-size:.85rem}}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;transition:all .3s ease;padding:1.5rem 0}.navbar.scrolled{background:#050a10d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:1rem 0;border-bottom:1px solid var(--glass-border);box-shadow:0 4px 30px #0000001a}.navbar-container{display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-mono);font-weight:700;font-size:1.5rem;cursor:pointer;z-index:1001}.nav-links{display:flex;list-style:none;gap:2rem;align-items:center}.nav-links a{color:var(--text-secondary);font-weight:500;font-size:.95rem;position:relative}.nav-links a:hover{color:var(--accent-primary)}.nav-links a:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:var(--accent-primary);transition:width .3s ease}.nav-links a:hover:after{width:100%}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001;position:relative}.hamburger span{width:25px;height:3px;background:var(--accent-primary);border-radius:3px;transition:all .3s ease}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.mobile-menu{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:#050a10fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid var(--glass-border);transition:right .3s ease;z-index:999;padding-top:5rem;box-shadow:-5px 0 30px #00000080}.mobile-menu.open{right:0}.mobile-nav-links{list-style:none;padding:0 2rem;display:flex;flex-direction:column;gap:1.5rem}.mobile-nav-links li{opacity:0;transform:translate(20px);animation:slideIn .3s ease forwards}.mobile-menu.open .mobile-nav-links li{animation:slideIn .3s ease forwards}.mobile-nav-links li:nth-child(1){animation-delay:.1s}.mobile-nav-links li:nth-child(2){animation-delay:.15s}.mobile-nav-links li:nth-child(3){animation-delay:.2s}.mobile-nav-links li:nth-child(4){animation-delay:.25s}.mobile-nav-links li:nth-child(5){animation-delay:.3s}.mobile-nav-links li:nth-child(6){animation-delay:.35s}.mobile-nav-links li:nth-child(7){animation-delay:.4s}@keyframes slideIn{to{opacity:1;transform:translate(0)}}.mobile-nav-links a{color:var(--text-secondary);font-weight:500;font-size:1.1rem;display:block;padding:.5rem 0;transition:all .3s ease}.mobile-nav-links a:hover{color:var(--accent-primary);transform:translate(5px)}.mobile-lang-switch{margin-top:1rem;padding-top:1.5rem;border-top:1px solid var(--glass-border)}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000000b3;z-index:998;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.desktop-nav{display:none}.hamburger{display:flex}}@media(min-width:769px){.mobile-menu,.mobile-menu-overlay{display:none!important}}.hero-container{position:relative;width:100%;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg-primary)}.hero-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-content{position:relative;z-index:3;text-align:center;padding:2rem}.hero-title{font-size:5rem;font-weight:700;margin-bottom:1rem;letter-spacing:-2px}.hero-subtitle{font-size:1.5rem;color:var(--text-secondary);font-family:var(--font-mono);margin-bottom:3rem}.highlight{color:var(--accent-primary);text-shadow:0 0 10px rgba(0,255,157,.5)}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:.7;animation:bounce 2s infinite}.arrow-down{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid var(--accent-primary)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0) translate(-50%)}40%{transform:translateY(-10px) translate(-50%)}60%{transform:translateY(-5px) translate(-50%)}}@media(max-width:768px){.hero-title{font-size:3rem}.hero-subtitle{font-size:1rem}}.glitch-text{position:relative;display:inline-block}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-primary)}.glitch-text:before{left:2px;text-shadow:-1px 0 #ff00c1;clip:rect(44px,450px,56px,0);animation:glitch-anim-1 5s infinite linear alternate-reverse}.glitch-text:after{left:-2px;text-shadow:-1px 0 #00fff9;clip:rect(44px,450px,56px,0);animation:glitch-anim-2 5s infinite linear alternate-reverse}@keyframes glitch-anim-1{0%{clip:rect(30px,9999px,10px,0)}5%{clip:rect(70px,9999px,90px,0)}10%{clip:rect(10px,9999px,80px,0)}15%{clip:rect(50px,9999px,20px,0)}20%{clip:rect(20px,9999px,60px,0)}25%{clip:rect(90px,9999px,30px,0)}30%{clip:rect(10px,9999px,50px,0)}35%{clip:rect(60px,9999px,90px,0)}40%{clip:rect(30px,9999px,10px,0)}45%{clip:rect(80px,9999px,40px,0)}50%{clip:rect(20px,9999px,70px,0)}55%{clip:rect(50px,9999px,10px,0)}60%{clip:rect(10px,9999px,90px,0)}65%{clip:rect(40px,9999px,30px,0)}70%{clip:rect(80px,9999px,50px,0)}75%{clip:rect(20px,9999px,60px,0)}80%{clip:rect(60px,9999px,10px,0)}85%{clip:rect(30px,9999px,80px,0)}90%{clip:rect(70px,9999px,20px,0)}95%{clip:rect(10px,9999px,50px,0)}to{clip:rect(50px,9999px,90px,0)}}@keyframes glitch-anim-2{0%{clip:rect(60px,9999px,20px,0)}5%{clip:rect(10px,9999px,80px,0)}10%{clip:rect(50px,9999px,30px,0)}15%{clip:rect(90px,9999px,10px,0)}20%{clip:rect(30px,9999px,70px,0)}25%{clip:rect(70px,9999px,20px,0)}30%{clip:rect(20px,9999px,60px,0)}35%{clip:rect(80px,9999px,40px,0)}40%{clip:rect(10px,9999px,90px,0)}45%{clip:rect(50px,9999px,30px,0)}50%{clip:rect(90px,9999px,10px,0)}55%{clip:rect(30px,9999px,70px,0)}60%{clip:rect(70px,9999px,20px,0)}65%{clip:rect(20px,9999px,60px,0)}70%{clip:rect(60px,9999px,10px,0)}75%{clip:rect(10px,9999px,80px,0)}80%{clip:rect(50px,9999px,30px,0)}85%{clip:rect(90px,9999px,20px,0)}90%{clip:rect(30px,9999px,60px,0)}95%{clip:rect(70px,9999px,10px,0)}to{clip:rect(20px,9999px,50px,0)}}.load-text{opacity:0;display:inline-block;animation:fade-in-up .5s forwards}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.footer{background:var(--bg-secondary);padding:2rem 0;border-top:1px solid var(--glass-border);margin-top:auto}.footer-container{display:flex;justify-content:space-between;align-items:center}.footer-content p{color:var(--text-secondary);font-size:.9rem}.footer-tagline{font-family:var(--font-mono);font-size:.8rem;opacity:.7;margin-top:.25rem}.footer-socials{display:flex;gap:1.5rem}.footer-socials a{color:var(--text-secondary);font-size:.9rem}.footer-socials a:hover{color:var(--accent-primary)}@media(max-width:768px){.footer-container{flex-direction:column;gap:1rem;text-align:center}}.loading-fallback{min-height:200px;display:flex;align-items:center;justify-content:center;opacity:.5}.loading-spinner{width:40px;height:40px;border:3px solid var(--glass-border);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}