@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Orbitron:wght@400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--primary-bg: #0a0a0f;--secondary-bg: #1a1a2e;--accent-blue: #00d4ff;--accent-purple: #a855f7;--accent-magenta: #ec4899;--text-primary: #ffffff;--text-secondary: #a0a0a0;--text-muted: #666666;--border-glow: rgba(0, 212, 255, .3);--shadow-glow: 0 0 20px rgba(0, 212, 255, .5);--gradient-primary: linear-gradient(135deg, #00d4ff, #a855f7, #ec4899);--gradient-secondary: linear-gradient(135deg, #1a1a2e, #16213e)}html{scroll-behavior:smooth;font-family:Space Grotesk,sans-serif}body{background:var(--primary-bg);color:var(--text-primary);font-family:Space Grotesk,sans-serif;overflow-x:hidden;position:relative}button{border-radius:8px;border:1px solid transparent;padding:.8em 1.6em;font-size:1em;font-weight:500;font-family:Space Grotesk,sans-serif;background:var(--secondary-bg);color:var(--text-primary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-primary);transition:left .3s ease;z-index:-1}button:hover:before{left:0}button:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow);border-color:var(--accent-blue)}button:focus,button:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--primary-bg)}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-purple)}::selection{background:var(--accent-blue);color:var(--primary-bg)}h1,h2,h3,h4,h5,h6{font-family:Orbitron,monospace;font-weight:600;letter-spacing:-.02em}.fade-in{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1)}.fade-in.visible{opacity:1;transform:translateY(0)}.slide-in-left{opacity:0;transform:translate(-50px);transition:all .6s cubic-bezier(.4,0,.2,1)}.slide-in-left.visible{opacity:1;transform:translate(0)}.slide-in-right{opacity:0;transform:translate(50px);transition:all .6s cubic-bezier(.4,0,.2,1)}.slide-in-right.visible{opacity:1;transform:translate(0)}.glow-text{text-shadow:0 0 10px var(--accent-blue)}.glow-border{box-shadow:0 0 20px var(--border-glow)}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.particle{position:absolute;width:2px;height:2px;background:var(--accent-blue);border-radius:50%;animation:float-particle 6s infinite linear}@keyframes float-particle{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) rotate(360deg);opacity:0}}@media (max-width: 768px){button{padding:.6em 1.2em;font-size:.9em}}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden}body{background:linear-gradient(135deg,#0a0a0f,#1a1a2e,#16213e);position:relative;min-height:100vh;width:100%;font-family:Space Grotesk,sans-serif}body:before,body:after{content:"";position:fixed;width:600px;height:600px;z-index:0;pointer-events:none;opacity:.6;filter:blur(30px);animation:pulse-glow 4s ease-in-out infinite alternate}body:before{top:-200px;left:-200px;background:radial-gradient(circle at top left,rgba(168,85,247,.4) 0%,rgba(0,212,255,.3) 50%,transparent 90%);animation-delay:0s}body:after{bottom:-200px;right:-200px;background:radial-gradient(circle at bottom right,rgba(236,72,153,.4) 0%,rgba(0,212,255,.3) 50%,transparent 90%);animation-delay:2s}@keyframes pulse-glow{0%{opacity:.3;transform:scale(1)}to{opacity:.6;transform:scale(1.05)}}.static-stars{position:fixed;width:100%;height:100%;top:0;left:0;z-index:1;pointer-events:none}.starfor{position:absolute;width:2px;height:2px;background:var(--accent-blue);border-radius:50%;opacity:.7;animation:twinkle 3s ease-in-out infinite;box-shadow:0 0 4px var(--accent-blue)}.starfor:nth-child(3n){background:var(--accent-purple);box-shadow:0 0 4px var(--accent-purple);animation-delay:1s}.starfor:nth-child(3n+1){background:var(--accent-magenta);box-shadow:0 0 4px var(--accent-magenta);animation-delay:2s}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.falling-stars{position:fixed;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:2}.falling-star{position:absolute;width:2px;height:80px;background:linear-gradient(to bottom,rgba(255,255,255,1) 0%,var(--accent-blue) 30%,var(--accent-purple) 60%,transparent 100%);border-radius:50%;box-shadow:0 0 10px var(--accent-blue);transform:rotate(45deg);animation:fall 8s linear infinite}.falling-star:nth-child(2n){background:linear-gradient(to bottom,rgba(255,255,255,1) 0%,var(--accent-purple) 30%,var(--accent-magenta) 60%,transparent 100%);box-shadow:0 0 10px var(--accent-purple)}.falling-star .trail{position:absolute;top:0;left:0;width:100%;height:100%;background:inherit;border-radius:inherit;filter:blur(1px);opacity:.5}@keyframes fall{0%{transform:translateY(-100px) rotate(45deg);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh) rotate(45deg);opacity:0}}.floating-shapes{position:fixed;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:1}.floating-shape{position:absolute;opacity:.1;animation:float-shape 20s ease-in-out infinite}.floating-shape:nth-child(1){top:20%;left:10%;width:60px;height:60px;border:2px solid var(--accent-blue);transform:rotate(45deg);animation-delay:0s}.floating-shape:nth-child(2){top:60%;right:15%;width:40px;height:40px;border:2px solid var(--accent-purple);border-radius:50%;animation-delay:5s}.floating-shape:nth-child(3){bottom:30%;left:20%;width:50px;height:50px;border:2px solid var(--accent-magenta);transform:rotate(30deg);animation-delay:10s}@keyframes float-shape{0%,to{transform:translateY(0) rotate(0);opacity:.1}25%{transform:translateY(-20px) rotate(90deg);opacity:.3}50%{transform:translateY(-10px) rotate(180deg);opacity:.2}75%{transform:translateY(-30px) rotate(270deg);opacity:.4}}.waveform{position:fixed;bottom:0;left:0;width:100%;height:200px;background:linear-gradient(transparent,#00d4ff1a);z-index:1;pointer-events:none}.waveform:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 200'%3E%3Cpath d='M0,100 Q300,50 600,100 T1200,100' stroke='%2300d4ff' stroke-width='2' fill='none' opacity='0.3'/%3E%3C/svg%3E") repeat-x;animation:wave 10s ease-in-out infinite}@keyframes wave{0%,to{transform:translate(0)}50%{transform:translate(-50%)}}.container{position:relative;z-index:10;min-height:100vh;display:flex;align-items:center;justify-content:center}.scroll-trigger{opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.4,0,.2,1)}.scroll-trigger.visible{opacity:1;transform:translateY(0)}.hover-glow{transition:all .3s ease}.hover-glow:hover{box-shadow:0 0 30px var(--border-glow);transform:translateY(-5px)}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--primary-bg);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .5s ease}.loading-screen.fade-out{opacity:0;pointer-events:none}.loading-spinner{width:60px;height:60px;border:3px solid var(--secondary-bg);border-top:3px solid var(--accent-blue);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){body:before,body:after{width:300px;height:300px}.floating-shapes{display:none}.waveform{height:100px}}*{box-sizing:border-box}body,html,#root{margin:0;padding:0;height:100%;font-family:Montserrat,sans-serif}.falling-stars-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1}.star{position:absolute;background:#fff;border-radius:50%;box-shadow:0 0 6px 2px #fff;opacity:.8;filter:drop-shadow(0 0 2px #a0cfff);animation-name:fallRightToLeft;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:forwards}@keyframes fallRightToLeft{0%{transform:translate(100vw) translateY(0);opacity:0}10%{opacity:1}to{transform:translate(-10vw) translateY(10px);opacity:0}}.star:nth-child(1){top:5px;width:3px;height:3px;animation-duration:5s;animation-delay:0s}.star:nth-child(2){top:20px;width:4px;height:4px;animation-duration:6.5s;animation-delay:1.2s}.star:nth-child(3){top:40px;width:2px;height:2px;animation-duration:4.7s;animation-delay:.8s}.star:nth-child(4){top:15px;width:3.5px;height:3.5px;animation-duration:7.3s;animation-delay:2.1s}.star:nth-child(5){top:30px;width:3px;height:3px;animation-duration:5.2s;animation-delay:3.3s}.star:nth-child(6){top:10px;width:4px;height:4px;animation-duration:6.9s;animation-delay:1.7s}.logo{padding-top:5px}header{position:fixed;top:0;left:0;right:0;background:#0a0a0fe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,212,255,.2);z-index:1000;padding:1rem 5%;display:flex;align-items:center;justify-content:space-around;transition:all .3s ease}header:hover{border-bottom-color:#00d4ff66;box-shadow:0 5px 20px #00d4ff1a}.logo{font-family:Orbitron,monospace;font-size:1.5rem;font-weight:700;color:var(--accent-blue);text-shadow:0 0 10px var(--accent-blue);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.logo:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,212,255,.3),transparent);transition:left .5s ease}.logo:hover:before{left:100%}.logo:hover{transform:scale(1.05);text-shadow:0 0 20px var(--accent-blue)}.desktop-nav{display:flex;align-items:center}.desktop-nav ul{display:flex;list-style:none;gap:2rem;align-items:center;margin:0;padding:0}.desktop-nav button{background:transparent;border:none;color:var(--text-primary);font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:500;cursor:pointer;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease;position:relative;overflow:hidden}.desktop-nav button:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--gradient-primary);transition:all .3s ease;transform:translate(-50%)}.desktop-nav button:hover:before{width:100%}.desktop-nav button:hover{color:var(--accent-blue);background:#00d4ff1a;transform:translateY(-2px)}.social-buttons{display:flex;align-items:center;gap:1rem;margin-left:2rem}.social-button{width:40px;height:40px;border-radius:50%;background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;overflow:hidden}.social-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-primary);transition:left .3s ease;z-index:-1}.social-button:hover:before{left:0}.social-button:hover{transform:translateY(-3px) scale(1.1);box-shadow:0 5px 15px #00d4ff4d;border-color:var(--accent-blue)}.social-button svg{width:20px;height:20px;fill:var(--accent-blue);transition:fill .3s ease}.social-button:hover svg{fill:var(--primary-bg)}.let-connect-button{background:var(--gradient-primary)!important;color:var(--primary-bg)!important;font-weight:600!important;padding:.5rem 1.5rem!important;border-radius:25px!important;border:none!important;box-shadow:0 0 20px #00d4ff4d!important;transition:all .3s ease!important}.let-connect-button:hover{transform:translateY(-3px)!important;box-shadow:0 10px 30px #00d4ff66!important}.burger-menu{display:none;flex-direction:column;background:transparent;border:none;cursor:pointer;padding:.5rem;gap:4px}.burger-line{width:25px;height:3px;background:var(--accent-blue);border-radius:2px;transition:all .3s ease;transform-origin:center}.burger-line.open:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.burger-line.open:nth-child(2){opacity:0}.burger-line.open:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background:#0a0a0ff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-menu.open{opacity:1;visibility:visible}.mobile-menu-content{display:flex;flex-direction:column;gap:2rem;text-align:center}.mobile-menu-content button{background:transparent;border:none;color:var(--text-primary);font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:500;cursor:pointer;padding:1rem 2rem;border-radius:12px;transition:all .3s ease;position:relative;overflow:hidden}.mobile-menu-content button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-primary);transition:left .3s ease;z-index:-1}.mobile-menu-content button:hover:before{left:0}.mobile-menu-content button:hover{color:var(--primary-bg);transform:translateY(-3px);box-shadow:0 5px 15px #00d4ff4d}.mobile-social-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.mobile-social-buttons a{color:var(--accent-blue);text-decoration:none;font-family:Space Grotesk,sans-serif;font-weight:500;padding:.5rem 1rem;border:1px solid rgba(0,212,255,.3);border-radius:8px;transition:all .3s ease}.mobile-social-buttons a:hover{background:var(--accent-blue);color:var(--primary-bg);transform:translateY(-2px);box-shadow:0 5px 15px #00d4ff4d}@media (max-width: 768px){.desktop-nav{display:none}.burger-menu{display:flex}.logo{font-size:1.2rem}header{padding:1rem 3%}}@media (max-width: 480px){.mobile-menu-content button{font-size:1.2rem;padding:.8rem 1.5rem}.mobile-social-buttons{flex-direction:column;gap:.5rem}}