@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--text-primary: #ffffff;--text-secondary: #a0a0a0;--accent: #00d4ff;--accent-hover: #00b8e6;--border: #333333;--gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--shadow: rgba(0, 212, 255, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;overflow-y:hidden;line-height:1.6;width:100vw;height:100vh;margin:0;padding:0}#galaxy-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none;overflow:hidden;background:transparent}#galaxy-container canvas{position:absolute;top:0;left:0;width:100%!important;height:100%!important;will-change:transform;transform:translateZ(0);object-fit:cover}@media (prefers-reduced-motion: reduce){#galaxy-container{display:none}}@media (max-width: 768px){#galaxy-container canvas{transform:scale(1) translateZ(0);width:100%!important;height:100%!important}}.bg-container{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(270deg,#000428,#004e92);background-size:400% 400%;animation:spaceGradient 15s ease infinite;z-index:-2}@keyframes spaceGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.bg-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(2px 2px at 20px 30px,#eee,transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 90px 40px,#fff,transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 160px 30px,#ddd,transparent);background-repeat:repeat;background-size:200px 100px;animation:starMove 20s linear infinite;opacity:.8}.bg-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(1px 1px at 25px 25px,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 50px 100px,#fff,transparent),radial-gradient(1px 1px at 125px 50px,rgba(255,255,255,.4),transparent),radial-gradient(2px 2px at 170px 90px,rgba(255,255,255,.7),transparent);background-repeat:repeat;background-size:180px 120px;animation:starMove 30s linear infinite reverse;opacity:.6}@keyframes starMove{0%{transform:translateY(0)}to{transform:translateY(-100px)}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#000428cc;backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,212,255,.2);padding:1rem 2rem}.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;position:relative}.nav-controls{display:flex;align-items:center;gap:1rem}.logo{color:var(--text-primary);text-decoration:none;background:linear-gradient(45deg,var(--accent),#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-menu{display:flex;list-style:none;gap:2rem;margin:0}.hamburger{display:none;flex-direction:column;justify-content:space-around;width:30px;height:30px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.hamburger-line{width:100%;height:3px;background:var(--text-primary);border-radius:2px;transition:all .3s ease;transform-origin:center}.hamburger.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger.active .hamburger-line:nth-child(2){opacity:0}.hamburger.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:all .3s ease;position:relative}.nav-link:hover{color:var(--accent)}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:-5px;left:0;background:var(--accent);transition:width .3s ease}.nav-link:hover:after{width:100%}.section{padding:5rem 2rem;max-width:1200px;margin:0 auto}.section:first-of-type{padding-top:8rem}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center}.hero-content h1{font-size:clamp(3rem,6vw,6rem);font-weight:900;margin-bottom:1rem;background:linear-gradient(45deg,var(--text-primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.hero-content p{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 2rem;border:none;border-radius:50px;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;font-size:1rem}.btn-primary{background:var(--accent);color:var(--bg-primary)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 10px 25px #00d4ff4d}.btn-secondary{background:transparent;color:var(--accent);border:2px solid var(--accent)}.btn-secondary:hover{background:var(--accent);color:var(--bg-primary)}.btn-group{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.card{background:#00042899;backdrop-filter:blur(15px);border:1px solid rgba(0,212,255,.2);border-radius:12px;padding:2rem;transition:all .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00d4ff1a;border-color:var(--accent)}.grid{display:grid;gap:2rem;margin-top:3rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:1rem;background:linear-gradient(45deg,var(--text-primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-header p{color:var(--text-secondary);font-size:1.1rem;max-width:600px;margin:0 auto}.skills-tree{background:#00042899;backdrop-filter:blur(15px);border:1px solid rgba(0,212,255,.2);border-radius:12px;padding:2rem;margin:2rem 0}.tree-node{padding:.5rem;margin:.25rem 0;cursor:pointer;transition:all .3s ease;border-radius:6px}.tree-node:hover{background:#00d4ff1a}.tree-label{color:var(--text-primary);font-weight:500}.tree-node.expandable .tree-label{color:var(--accent)}.skill-progress{background:var(--border);height:6px;border-radius:3px;margin-top:.5rem;overflow:hidden}.progress-bar{height:100%;background:var(--accent);border-radius:3px;transition:width 1s ease}.progress-text{font-size:.75rem;color:var(--accent);margin-left:.5rem}.form-group{margin-bottom:1.5rem}.form-input{width:100%;padding:1rem;background:#00042866;border:1px solid rgba(0,212,255,.3);border-radius:8px;color:var(--text-primary);font-size:1rem;transition:all .3s ease}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #00d4ff33}.form-input::placeholder{color:var(--text-secondary)}textarea.form-input{resize:vertical;min-height:120px}.fade-in-up{animation:fadeInUp .6s ease-out}.icon{font-size:2rem;color:var(--accent);margin-bottom:1rem}body.menu-open{overflow:hidden}@media (max-width: 768px){html{overflow-x:hidden}.navbar{padding:1rem}.hamburger{display:flex;z-index:1001}.navbar-music-toggle{width:35px;height:35px;font-size:18px;z-index:1001}.nav-menu{position:fixed;top:0;left:-100%;width:100vw;height:100vh;background:#000428f2;backdrop-filter:blur(20px);flex-direction:column;justify-content:center;align-items:center;gap:2rem;transition:left .3s ease;z-index:1000;margin:0;padding:0}.nav-menu.active{left:0}.nav-menu li{opacity:0;transform:translateY(20px);transition:all .3s ease;list-style:none}.nav-menu.active li{opacity:1;transform:translateY(0)}.nav-menu.active li:nth-child(1){transition-delay:.1s}.nav-menu.active li:nth-child(2){transition-delay:.2s}.nav-menu.active li:nth-child(3){transition-delay:.3s}.nav-link{font-size:1.5rem;color:var(--text-primary);text-decoration:none;font-weight:500;transition:all .3s ease;position:relative;padding:1rem}.section{padding:3rem 1rem}.hero{padding:2rem 1rem;min-height:100vh}.hero-content{text-align:center}.btn-group{flex-direction:column;align-items:center}.btn{width:100%;max-width:280px;justify-content:center}}@media (max-width: 480px){.logo img{height:60px!important}.grid{gap:1rem}.card{padding:1.5rem}.hero-content h2{font-size:1.2rem}}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.stars{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:twinkle 2s ease-in-out infinite alternate}.star.large{width:3px;height:3px;box-shadow:0 0 6px #fff,0 0 12px #fff}.star.medium{animation-duration:3s;opacity:.8}.star.small{animation-duration:1.5s;opacity:.6}@keyframes twinkle{0%{opacity:.3;transform:scale(1)}to{opacity:1;transform:scale(1.2)}}.particles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.particle{position:absolute;width:3px;height:3px;background:var(--cosmic-cyan);border-radius:50%;animation:float 20s ease-in-out infinite;opacity:.5}.particle:nth-child(2n){background:var(--cosmic-blue);animation-duration:25s}.particle:nth-child(3n){background:var(--cosmic-teal);animation-duration:15s}@keyframes float{0%,to{transform:translateY(0) translate(0) rotate(0);opacity:.6}25%{transform:translateY(-20px) translate(10px) rotate(90deg);opacity:1}50%{transform:translateY(-40px) translate(-5px) rotate(180deg);opacity:.8}75%{transform:translateY(-20px) translate(-10px) rotate(270deg);opacity:.9}}.cosmic-nav{backdrop-filter:blur(20px);background:var(--glass-bg);border-bottom:1px solid rgba(6,182,212,.2);box-shadow:0 4px 20px #0f172a80}.cosmic-nav .nav-brand{font-family:JetBrains Mono,monospace;font-weight:600;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.5rem}.cosmic-nav a{color:var(--star-white);transition:all .3s ease;position:relative}.cosmic-nav a:hover{color:var(--cosmic-cyan);text-shadow:0 0 8px rgba(6,182,212,.6)}.cosmic-nav a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--nebula-gradient);transition:width .3s ease}.cosmic-nav a:hover:after{width:100%}.cosmic-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--accent-gradient);background-size:200% 200%;animation:gradientShift 6s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.cosmic-hero:before{content:"";position:absolute;inset:0;background:#0f172a4d;z-index:1}.cosmic-hero .hero-content{position:relative;z-index:2;text-align:center}.cosmic-hero h1{font-family:Inter,sans-serif;font-weight:700;font-size:3.5rem;margin-bottom:1rem;text-shadow:0 0 15px rgba(255,255,255,.3);animation:textGlow 3s ease-in-out infinite alternate}@keyframes textGlow{0%{text-shadow:0 0 15px rgba(255,255,255,.3),0 0 30px rgba(6,182,212,.3)}to{text-shadow:0 0 20px rgba(255,255,255,.5),0 0 40px rgba(6,182,212,.5)}}.cosmic-hero .profile-img{width:150px;height:150px;border-radius:50%;border:3px solid rgba(255,255,255,.3);box-shadow:0 0 30px #667eea99,inset 0 0 30px #ffffff1a;animation:orbit 10s linear infinite}@keyframes orbit{0%{transform:rotate(0);box-shadow:0 0 30px #667eea99,inset 0 0 30px #ffffff1a}25%{box-shadow:0 0 30px #ec489999,inset 0 0 30px #ffffff1a}50%{box-shadow:0 0 30px #0891b299,inset 0 0 30px #ffffff1a}75%{box-shadow:0 0 30px #f59e0b99,inset 0 0 30px #ffffff1a}to{transform:rotate(360deg);box-shadow:0 0 30px #667eea99,inset 0 0 30px #ffffff1a}}.cosmic-btn{padding:12px 24px;border-radius:8px;border:1px solid transparent;background:var(--accent-gradient);color:#fff;font-weight:500;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden;font-size:.9rem}.cosmic-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.cosmic-btn:hover:before{left:100%}.cosmic-btn:hover{box-shadow:0 0 20px #06b6d466;transform:translateY(-1px)}.cosmic-btn.outline{background:transparent;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(10px)}.cosmic-btn.outline:hover{background:#ffffff1a;border-color:var(--cosmic-cyan);box-shadow:0 0 15px #06b6d44d}.cosmic-section{position:relative;padding:80px 0;backdrop-filter:blur(5px)}.cosmic-section:before{content:"";position:absolute;inset:0;background:var(--glass-bg);z-index:-1}.cosmic-section.alt{background:#1e293b4d}.cosmic-section h2{font-family:Inter,sans-serif;font-weight:600;font-size:2.25rem;text-align:center;margin-bottom:1.5rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cosmic-section .section-divider{width:60px;height:3px;background:var(--accent-gradient);margin:0 auto 2rem;border-radius:2px;box-shadow:0 0 8px #06b6d44d}.cosmic-card{background:#ffffff0d;backdrop-filter:blur(20px);border:1px solid rgba(6,182,212,.2);border-radius:12px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.cosmic-card:before{content:"";position:absolute;inset:-1px;background:var(--accent-gradient);border-radius:13px;z-index:-1;opacity:0;transition:opacity .3s ease}.cosmic-card:hover:before{opacity:.3}.cosmic-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #06b6d433}.tree-container{background:#0f172acc;border-radius:12px;padding:1.5rem;border:1px solid rgba(6,182,212,.3);box-shadow:inset 0 0 20px #1e293b4d}@media (max-width: 768px){.cosmic-hero h1{font-size:2.5rem}.cosmic-hero .profile-img{width:120px;height:120px}.cosmic-section{padding:60px 0}.cosmic-section h2{font-size:2rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--space-black)}::-webkit-scrollbar-thumb{background:var(--nebula-gradient);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--cosmic-cyan)}.tree-container{max-height:500px;overflow-y:auto;font-family:"Exo 2",sans-serif}.tree-node{padding:8px 0;cursor:pointer;transition:all .3s ease;border-radius:8px;margin:2px 0;position:relative}.tree-node:hover{background:#667eea1a;padding-left:10px}.tree-node.expandable{font-weight:600}.tree-node.leaf{color:#e5e7ebcc}.tree-toggle{color:var(--cosmic-cyan);margin-right:8px;transition:transform .3s ease;display:inline-block;width:12px;font-size:12px}.tree-node.expanded .tree-toggle{transform:rotate(90deg);color:var(--cosmic-pink)}.tree-label{color:var(--star-white);font-size:14px}.tree-node.expandable .tree-label{color:var(--cosmic-cyan);text-shadow:0 0 5px rgba(8,145,178,.3)}.tree-children{display:none;margin-left:15px;border-left:1px solid rgba(102,126,234,.2);padding-left:15px;margin-top:5px}.tree-node.expanded+.tree-children{display:block;animation:treeSlideDown .3s ease}@keyframes treeSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.skill-progress{margin-top:8px;background:#ffffff1a;border-radius:10px;height:8px;position:relative;overflow:hidden}.progress-bar{height:100%;background:var(--nebula-gradient);border-radius:10px;transition:width 1s ease;position:relative;overflow:hidden}.progress-bar:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:progressGlow 2s infinite}@keyframes progressGlow{0%{left:-100%}to{left:100%}}.progress-text{font-size:12px;color:var(--cosmic-gold);margin-left:10px;font-weight:600}.project-info{margin-top:8px;display:flex;gap:10px;flex-wrap:wrap}.tech-stack{background:#0891b233;color:var(--cosmic-cyan);padding:4px 8px;border-radius:12px;font-size:12px;border:1px solid rgba(8,145,178,.3)}.status{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-completed{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status-in-progress{background:#f59e0b33;color:var(--cosmic-gold);border:1px solid rgba(245,158,11,.3)}.status-planning{background:#9333ea33;color:#9333ea;border:1px solid rgba(147,51,234,.3)}.status-active{background:#ec489933;color:var(--cosmic-pink);border:1px solid rgba(236,72,153,.3);animation:statusPulse 2s infinite}.status-maintenance{background:#6b728033;color:#9ca3af;border:1px solid rgba(107,114,128,.3)}@keyframes statusPulse{0%,to{box-shadow:0 0 5px #ec48994d}50%{box-shadow:0 0 15px #ec489999}}.tree-container h3{font-family:Orbitron,monospace;color:var(--cosmic-cyan);margin-bottom:20px;text-align:center;font-size:1.2rem;text-shadow:0 0 10px rgba(8,145,178,.5)}.tree-container::-webkit-scrollbar{width:6px}.tree-container::-webkit-scrollbar-track{background:#0a0a0f80;border-radius:3px}.tree-container::-webkit-scrollbar-thumb{background:var(--cosmic-cyan);border-radius:3px}.tree-container::-webkit-scrollbar-thumb:hover{background:var(--cosmic-pink)}*{margin:0;padding:0;box-sizing:border-box;font-family:Nova Mono,monospace;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html{overflow:hidden!important;height:100vh!important;margin:0;padding:0}body{background:#000!important;color:#fff!important;overflow:hidden!important;height:100vh!important;margin:0;padding:0;position:fixed;width:100vw;font-family:Nova Mono,monospace;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:none}.mouse-light{position:fixed;width:60px;height:60px;pointer-events:none;z-index:10000;border-radius:50%;background:radial-gradient(circle,rgba(74,144,226,.9) 0%,rgba(80,227,194,.7) 20%,rgba(255,255,255,.5) 40%,rgba(74,144,226,.3) 60%,rgba(80,227,194,.1) 80%,transparent 100%);box-shadow:0 0 30px #4a90e2cc,0 0 60px #50e3c299,0 0 90px #ffffff4d,0 0 120px #4a90e233;top:0;left:0;animation:mousePulse 4s ease-in-out infinite;mix-blend-mode:screen;transition:width .1s ease,height .1s ease,opacity .1s ease}.mouse-light.interacting{width:80px;height:80px;animation:mouseInteract 3s ease-in-out infinite;transition:width .05s ease,height .05s ease,opacity .05s ease}@keyframes mousePulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.05);opacity:.9}}@keyframes mouseInteract{0%,to{transform:scale(1);opacity:.9;filter:brightness(1.1)}50%{transform:scale(1.15);opacity:1;filter:brightness(1.3)}}#galaxy-container{width:100vw;height:100vh;background:radial-gradient(circle at center,#000010,#000);position:fixed;top:0;left:0;z-index:-1;pointer-events:auto}#galaxy-container canvas{position:fixed;top:0;left:0;z-index:-1;pointer-events:auto}body,html,#app,.bg-container{overflow:hidden!important;position:fixed!important;width:100vw!important;height:100vh!important}*{overscroll-behavior:none}.navbar{background:transparent;position:fixed;top:0;left:0;right:0;z-index:20;transition:all .3s ease;border:0;backdrop-filter:none;animation:fadeInSlideDown 1s ease-out .2s forwards,navbarFloat 6s ease-in-out 1.2s infinite}.navbar .nav-container{display:flex;justify-content:space-between;align-items:center;padding:0 2rem}.navbar-music-toggle{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:8px;border-radius:50%;transition:all .4s ease;position:relative;overflow:hidden;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.navbar-music-toggle:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,150,.3) 0%,rgba(255,255,100,.2) 30%,rgba(255,255,50,.1) 60%,transparent 100%);border-radius:50%;transform:translate(-50%,-50%);transition:all .5s ease;z-index:-1}.navbar-music-toggle:hover{background:#ffffff1a;text-shadow:0 0 8px rgba(255,255,150,.8),0 0 15px rgba(255,255,100,.6),0 0 25px rgba(255,255,50,.4);animation:lightBulbGlow 2s ease-in-out infinite}.navbar-music-toggle:hover:before{width:50px;height:50px;background:radial-gradient(circle,rgba(255,255,150,.4) 0%,rgba(255,255,100,.3) 30%,rgba(255,255,50,.2) 60%,rgba(255,255,0,.1) 80%,transparent 100%)}.navbar-music-toggle.playing{animation:musicPulse 2s ease-in-out infinite}.logo{transition:all .4s ease}.logo:hover{transform:scale(1.05);filter:drop-shadow(0 0 20px rgba(255,255,255,.3))}.logo img{animation:logoFloat 3s ease-in-out infinite;transition:all .3s ease}.logo img:hover{transform:scale(1.1) rotate(5deg);filter:brightness(1.2) drop-shadow(0 0 20px rgba(74,144,226,.5))}@keyframes logoFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-3px) rotate(1deg)}50%{transform:translateY(-8px) rotate(0)}75%{transform:translateY(-3px) rotate(-1deg)}}@keyframes lightBulbGlow{0%{box-shadow:0 0 5px #ffff9633}50%{box-shadow:0 0 20px #ffff9666,0 0 30px #ffff644d}to{box-shadow:0 0 5px #ffff9633}}.nav-link:hover{animation:lightBulbGlow 2s ease-in-out infinite}.hero-content h1{color:#fff!important;text-shadow:0 0 20px rgba(255,255,255,.3);animation:fadeInUp 1s ease-out}.hero-content p{color:#ccc!important;animation:typewriter 3s steps(40) 1s forwards,textGlow 2s ease-in-out 4s infinite;overflow:hidden;white-space:nowrap;border-right:2px solid rgba(255,255,255,.7);width:0;margin:0 auto}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes textGlow{0%,to{text-shadow:0 0 5px rgba(255,255,255,.3)}50%{text-shadow:0 0 10px rgba(255,255,255,.6),0 0 20px rgba(255,255,150,.4),0 0 30px rgba(255,255,100,.3)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.btn-group{animation:fadeInUp 1s ease-out 2s both}.btn-group .btn:nth-child(1){animation:slideInFromLeft .8s ease-out 2.5s both}.btn-group .btn:nth-child(2){animation:slideInFromRight .8s ease-out 2.8s both}.card{background:#1a1a2ecc!important;border:1px solid rgba(255,255,255,.1)!important;backdrop-filter:blur(10px)}.card:hover{background:#16213ee6!important;border-color:#fff3!important}.btn-primary,.btn-secondary{background:linear-gradient(45deg,#1a1a2e,#16213e)!important;border:1px solid rgba(255,255,255,.2)!important;position:relative;overflow:hidden;transition:all .3s ease;border-radius:25px;padding:12px 24px;text-decoration:none;display:inline-flex;align-items:center;gap:8px;animation:buttonFloat 7s ease-in-out infinite}.btn-group .btn:nth-child(1){animation-delay:0s}.btn-group .btn:nth-child(2){animation-delay:1s}@keyframes buttonFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.btn-primary:before,.btn-secondary:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 0%,rgba(255,255,200,.1) 50%,transparent 100%);border-radius:25px;opacity:0;transition:all .4s ease;z-index:-1;pointer-events:none}.btn-primary:hover,.btn-secondary:hover{background:linear-gradient(45deg,#16213e,#1a1a2e)!important;border-color:#ffff9680!important;color:#fff!important;text-shadow:0 0 10px rgba(255,255,200,.8),0 0 20px rgba(255,255,150,.6);transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #ffff9666,0 0 40px #ffff644d,inset 0 1px #ffffff1a;animation:buttonPulse 1.5s ease-in-out infinite}@keyframes buttonPulse{0%,to{box-shadow:0 8px 25px #ffff9666,0 0 40px #ffff644d,inset 0 1px #ffffff1a}50%{box-shadow:0 12px 35px #ffff9699,0 0 50px #ffff6480,0 0 60px #ffff324d,inset 0 1px #fff3}}.popup-content{animation:popupFloat 4s ease-in-out infinite}@keyframes fadeInSlideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInSlideUp{0%{opacity:0;transform:translate(-50%,-50%) translateY(30px)}to{opacity:1;transform:translate(-50%,-50%) translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fadeInSlideLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes navbarFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes heroFloat{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-8px)}}@keyframes popupFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.nav-menu li{animation:navItemFloat 5s ease-in-out infinite}.nav-menu li:nth-child(1){animation-delay:0s}.nav-menu li:nth-child(2){animation-delay:.5s}.nav-menu li:nth-child(3){animation-delay:1s}@keyframes navItemFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}#galaxy-container{animation:galaxyFadeIn 2s ease-out}@keyframes galaxyFadeIn{0%{opacity:0}to{opacity:1}}.nav-menu li{animation:navItemSlide .6s ease-out both}.nav-menu li:nth-child(1){animation-delay:.1s}.nav-menu li:nth-child(2){animation-delay:.2s}.nav-menu li:nth-child(3){animation-delay:.3s}@keyframes navItemSlide{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.music-control{animation:musicFloat 4s ease-in-out infinite;background:linear-gradient(45deg,#1a1a2eb3,#16213eb3)!important;backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1)}.navbar-music-toggle{animation:navMusicFloat 5s ease-in-out infinite}@keyframes musicFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes navMusicFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.volume-control{animation:volumeFloat 6s ease-in-out infinite}@keyframes volumeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.btn-primary:hover:before,.btn-secondary:hover:before{opacity:1;background:linear-gradient(45deg,#ffffc826,#ffff9640,#ffff6433,#ffff9640,#ffffc826)}.icon,h2,h3{color:#fff!important}p{color:#ccc!important}.nav-link{color:#fff!important;padding:10px 20px;border-radius:25px;position:relative;transition:all .4s ease;display:inline-block;text-decoration:none;overflow:hidden;font-family:Nova Mono,monospace}.nav-link:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,150,.3) 0%,rgba(255,255,100,.2) 30%,rgba(255,255,50,.1) 60%,transparent 100%);border-radius:50%;transform:translate(-50%,-50%);transition:all .5s ease;z-index:-1}.nav-link:hover{color:#fff!important;text-shadow:0 0 10px rgba(255,255,150,.8),0 0 20px rgba(255,255,100,.6),0 0 30px rgba(255,255,50,.4),0 0 40px rgba(255,255,0,.3);transform:translateY(-2px);animation:lightBulbGlow 2s ease-in-out infinite}.nav-link:hover:before{width:100px;height:100px;background:radial-gradient(circle,rgba(255,255,150,.4) 0%,rgba(255,255,100,.3) 30%,rgba(255,255,50,.2) 60%,rgba(255,255,0,.1) 80%,transparent 100%)}.nav-menu{list-style:none;display:flex;gap:20px;margin:0;padding:0}.nav-menu li{position:relative}@keyframes lightBulbGlow{0%{box-shadow:0 0 5px #ffff9633}50%{box-shadow:0 0 20px #ffff9666,0 0 30px #ffff644d,0 0 40px #ffff3233}to{box-shadow:0 0 5px #ffff9633}}@keyframes buttonGlow{0%{box-shadow:0 4px 15px #ffff9633,0 0 25px #ffff6426}50%{box-shadow:0 4px 20px #ffff964d,0 0 35px #ffff6440,0 0 45px #ffff321a}to{box-shadow:0 4px 15px #ffff9633,0 0 25px #ffff6426}}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0003;backdrop-filter:blur(0px);z-index:10000;display:none;justify-content:center;align-items:center;opacity:0;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.popup-overlay.show{opacity:1;backdrop-filter:blur(15px);background:#0006}.popup-content{background:radial-gradient(ellipse at center,#1a1a2ef2,#101024e6 40%,#06061ad9,#000010cc);border:none;border-radius:40px;padding:60px;max-width:700px;max-height:80vh;overflow:hidden;backdrop-filter:blur(40px);box-shadow:0 0 120px #4a90e266,0 0 180px #50e3c24d,0 0 240px #ffffff26,inset 0 0 100px #4a90e233,inset 0 0 60px #50e3c226;position:relative;animation:popupSlideIn .8s cubic-bezier(.23,1,.32,1),popupFloat 8s cubic-bezier(.37,0,.63,1) .8s infinite;font-family:Nova Mono,monospace;transition:all .5s cubic-bezier(.23,1,.32,1);transform-origin:center center}@keyframes popupSlideIn{0%{opacity:0;transform:scale(.7) translateY(-100px) rotateX(20deg) rotateY(10deg);filter:blur(15px) brightness(.3);border-radius:80px;box-shadow:0 0 20px #4a90e205,0 0 40px #50e3c203}20%{opacity:.3;transform:scale(.85) translateY(-60px) rotateX(12deg) rotateY(6deg);filter:blur(8px) brightness(.6);border-radius:60px;box-shadow:0 0 40px #4a90e21a,0 0 80px #50e3c20f,0 0 120px #ffffff05}50%{opacity:.7;transform:scale(.98) translateY(-20px) rotateX(4deg) rotateY(2deg);filter:blur(3px) brightness(.85);border-radius:50px;box-shadow:0 0 80px #4a90e240,0 0 140px #50e3c226,0 0 180px #ffffff14,inset 0 0 60px #4a90e21a,inset 0 0 30px #50e3c20d}80%{opacity:.95;transform:scale(1.01) translateY(-5px) rotateX(1deg) rotateY(.5deg);filter:blur(1px) brightness(.97);border-radius:42px;box-shadow:0 0 110px #4a90e259,0 0 170px #50e3c240,0 0 220px #ffffff1f,inset 0 0 90px #4a90e22b,inset 0 0 50px #50e3c21f}to{opacity:1;transform:scale(1) translateY(0) rotateX(0) rotateY(0);filter:blur(0px) brightness(1);border-radius:40px;box-shadow:0 0 120px #4a90e266,0 0 180px #50e3c24d,0 0 240px #ffffff26,inset 0 0 100px #4a90e233,inset 0 0 60px #50e3c226}}@keyframes popupFloat{0%,to{transform:translateY(0) scale(1) rotate(0) rotateX(0);filter:brightness(1) blur(0px);border-radius:40px;box-shadow:0 0 120px #4a90e266,0 0 180px #50e3c24d,0 0 240px #ffffff26,inset 0 0 100px #4a90e233,inset 0 0 60px #50e3c226}12.5%{transform:translateY(-4px) scale(1.002) rotate(.2deg) rotateX(.5deg);filter:brightness(1.03) blur(0px);border-radius:42px;box-shadow:0 0 130px #4a90e26e,0 0 190px #50e3c252,0 0 250px #ffffff29,inset 0 0 110px #4a90e238,inset 0 0 65px #50e3c229}25%{transform:translateY(-8px) scale(1.004) rotate(.4deg) rotateX(1deg);filter:brightness(1.06) blur(0px);border-radius:44px;box-shadow:0 0 140px #4a90e275,0 0 200px #50e3c257,0 0 260px #ffffff2b,inset 0 0 120px #4a90e23d,inset 0 0 70px #50e3c22b}37.5%{transform:translateY(-12px) scale(1.006) rotate(.6deg) rotateX(1.5deg);filter:brightness(1.09) blur(0px);border-radius:46px;box-shadow:0 0 150px #4a90e27d,0 0 210px #50e3c25c,0 0 270px #ffffff2e,inset 0 0 130px #4a90e242,inset 0 0 75px #50e3c22e}50%{transform:translateY(-16px) scale(1.008) rotate(.8deg) rotateX(2deg);filter:brightness(1.12) blur(0px);border-radius:48px;box-shadow:0 0 160px #4a90e285,0 0 220px #50e3c261,0 0 280px #ffffff30,inset 0 0 140px #4a90e247,inset 0 0 80px #50e3c230}62.5%{transform:translateY(-12px) scale(1.006) rotate(.6deg) rotateX(1.5deg);filter:brightness(1.09) blur(0px);border-radius:46px;box-shadow:0 0 150px #4a90e27d,0 0 210px #50e3c25c,0 0 270px #ffffff2e,inset 0 0 130px #4a90e242,inset 0 0 75px #50e3c22e}75%{transform:translateY(-8px) scale(1.004) rotate(.4deg) rotateX(1deg);filter:brightness(1.06) blur(0px);border-radius:44px;box-shadow:0 0 140px #4a90e275,0 0 200px #50e3c257,0 0 260px #ffffff2b,inset 0 0 120px #4a90e23d,inset 0 0 70px #50e3c22b}87.5%{transform:translateY(-4px) scale(1.002) rotate(.2deg) rotateX(.5deg);filter:brightness(1.03) blur(0px);border-radius:42px;box-shadow:0 0 130px #4a90e26e,0 0 190px #50e3c252,0 0 250px #ffffff29,inset 0 0 110px #4a90e238,inset 0 0 65px #50e3c229}}.popup-close{position:absolute;top:25px;right:30px;background:none;border:none;color:#fff;font-size:32px;cursor:pointer;padding:12px;border-radius:50%;transition:all .5s cubic-bezier(.23,1,.32,1);overflow:hidden;width:55px;height:55px;display:flex;align-items:center;justify-content:center}.popup-close:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(74,144,226,.4) 0%,rgba(80,227,194,.3) 30%,rgba(255,255,255,.2) 60%,transparent 100%);transform:translate(-50%,-50%);transition:all .5s ease;z-index:-1}.popup-close:hover{background:#4a90e240;transform:scale(1.15) rotate(90deg);text-shadow:0 0 15px rgba(74,144,226,.9),0 0 25px rgba(80,227,194,.7),0 0 35px rgba(255,255,255,.5);box-shadow:0 0 25px #4a90e299,0 0 50px #50e3c266,0 0 75px #fff3,inset 0 0 25px #4a90e24d}.popup-close:hover:before{width:70px;height:70px;background:radial-gradient(circle,rgba(74,144,226,.6) 0%,rgba(80,227,194,.5) 30%,rgba(255,255,255,.4) 60%,rgba(74,144,226,.2) 80%,transparent 100%)}.popup-content h2{color:#fff!important;margin-bottom:20px;font-size:1.8rem;text-align:center;text-shadow:0 0 10px rgba(74,144,226,.6),0 0 20px rgba(80,227,194,.4),0 0 30px rgba(255,255,255,.3);animation:titleGlow 3s ease-in-out infinite alternate}@keyframes titleGlow{0%{text-shadow:0 0 10px rgba(74,144,226,.6),0 0 20px rgba(80,227,194,.4),0 0 30px rgba(255,255,255,.3)}to{text-shadow:0 0 15px rgba(74,144,226,.8),0 0 25px rgba(80,227,194,.6),0 0 35px rgba(255,255,255,.4)}}.popup-content p{color:#e0e0e0!important;line-height:1.6;margin-bottom:16px;text-shadow:0 0 5px rgba(255,255,255,.2);font-size:13px}.popup-content p:last-of-type{margin-bottom:0}.popup-content .mt-5{margin-top:25px!important;font-style:italic;opacity:.8;font-size:11px}.popup-content ul{color:#e0e0e0!important;margin-left:20px}.popup-content li{margin-bottom:10px;text-shadow:0 0 5px rgba(255,255,255,.2)}.popup-content .btn{margin-top:25px;box-shadow:0 0 15px #4a90e266,0 0 30px #50e3c233}.popup-content .btn:hover{box-shadow:0 0 20px #4a90e299,0 0 40px #50e3c266}.hero{position:fixed;top:50%;left:50%;z-index:10;text-align:center;animation:fadeInSlideUp 1s ease-out .5s forwards,heroFloat 8s ease-in-out 1.5s infinite}.hero .btn-group{display:flex;gap:1rem;justify-content:center;margin-top:3rem;animation:fadeInScale 1s ease-out .8s forwards,buttonFloat 5s ease-in-out 1.8s infinite}.hero .hero-content{text-align:center}.hero h1{font-size:3rem;margin-bottom:1rem;background:linear-gradient(45deg,#4a90e2,#50e3c2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:glow 2s ease-in-out infinite alternate}.hero p{font-size:1.2rem;margin-bottom:2rem;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5);animation:typewriter 4s steps(40) 1s both;overflow:hidden;white-space:nowrap;border-right:2px solid #4a90e2}@keyframes typewriter{0%{width:0}99%{border-right:2px solid #4a90e2}to{width:100%;border-right:none}}@keyframes glow{0%{text-shadow:0 0 5px rgba(74,144,226,.5),0 0 10px rgba(74,144,226,.5)}to{text-shadow:0 0 10px rgba(74,144,226,.8),0 0 20px rgba(74,144,226,.8)}}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:12px 24px;background:linear-gradient(45deg,#1a1a2e,#16213e);color:#fff;text-decoration:none;border-radius:50px;border:1px solid rgba(255,255,255,.2);transition:all .4s ease;font-weight:500;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden;backdrop-filter:blur(10px);cursor:pointer;font-family:Nova Mono,monospace}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,150,.3) 0%,rgba(255,255,100,.2) 30%,rgba(255,255,50,.1) 60%,transparent 100%);border-radius:50%;transform:translate(-50%,-50%);transition:all .6s ease;z-index:-1}.btn:hover:before{width:300px;height:300px}.btn:hover{background:linear-gradient(45deg,#2a2a3e,#26314e);border-color:#fff6;transform:translateY(-2px);box-shadow:0 10px 25px #0000004d}.chat-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;backdrop-filter:blur(10px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.chat-popup-content{background:linear-gradient(135deg,#1a1a2ef2,#16213ef2);border:1px solid rgba(255,255,255,.1);border-radius:20px;width:100%;max-width:500px;height:600px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 40px #0000004d}.chat-popup-header{background:#0000004d;padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.chat-popup-header h3{margin:0;color:#60a5fa;font-size:18px;font-weight:600}.chat-popup-header h3 i{margin-right:8px}.chat-popup-controls{display:flex;gap:10px}.chat-control-btn{background:#ffffff1a;border:none;color:#fff;width:35px;height:35px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.chat-control-btn:hover{background:#fff3;transform:scale(1.1)}.chat-popup-body{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-messages-container{flex:1;overflow-y:auto;padding:20px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.chat-messages-container::-webkit-scrollbar{width:6px}.chat-messages-container::-webkit-scrollbar-track{background:transparent}.chat-messages-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.chat-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#fff9}.chat-empty-state i{font-size:48px;margin-bottom:15px;color:#60a5fa}.chat-message{margin-bottom:15px}.chat-message-content{display:flex;align-items:flex-start;gap:10px}.user-message .chat-message-content{flex-direction:row-reverse}.chat-message-avatar{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-message .chat-message-avatar{background:linear-gradient(135deg,#10b981,#059669)}.ai-message .chat-message-avatar{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.chat-message-avatar i{color:#fff;font-size:14px}.chat-message-bubble{max-width:80%;padding:12px 16px;border-radius:18px;position:relative}.user-message .chat-message-bubble{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.ai-message .chat-message-bubble{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.chat-message-bubble p{margin:0 0 5px;font-size:14px;line-height:1.4;word-wrap:break-word}.chat-message-time{font-size:11px;opacity:.7}.chat-input-container{padding:20px;border-top:1px solid rgba(255,255,255,.1);background:#0003}.chat-input-wrapper{display:flex;align-items:flex-end;gap:10px}#chat-message-input{flex:1;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:12px 16px;color:#fff;font-size:14px;resize:none;outline:none;min-height:44px;max-height:100px}#chat-message-input::placeholder{color:#ffffff80}#chat-message-input:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa33}#chat-send-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;color:#fff;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}#chat-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #3b82f666}#chat-send-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.chat-popup-content{width:95%;height:80vh;margin:0}}