.animated-logo{position:relative;width:56px;height:56px}.logo-ring{position:absolute;inset:0}.gradient-ring{width:100%;height:100%;border-radius:100%;padding:3px;background:conic-gradient(from var(--rotation),#c8ff00 0deg,#00ff88 60deg,#00d4ff 120deg,#8800ff 180deg,#ff0088 240deg,#ff4400 300deg,#c8ff00 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.8;filter:blur(0px)}50%{opacity:1;filter:blur(1px)}}.logo-center{position:absolute;inset:3px;display:flex}.logo-center img{width:100%;height:100%;object-fit:contain}.header{display:flex;justify-content:space-between;align-items:center;padding:30px 85px;margin:0 auto;gap:950px}.header-left{display:flex;align-items:center}.header-right{display:flex;align-items:center;gap:20px}.btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:50px;font-family:inherit;font-size:.6rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.85px}.btn-talk{background:#1a1a1a;color:#fff;position:relative;z-index:1}.btn-talk:after{content:"";position:absolute;border-radius:50px;inset:0;transform:scaleX(0);background:#1956cf;transform-origin:center;transition:transform .5s ease;z-index:-1}.btn-talk:hover{background-color:#000;color:#000}.btn-talk:hover:after{transform:scaleX(1)}.btn-talk .btn-icon{display:flex;align-items:center;justify-content:center}.btn-talk .btn-dot{opacity:.6;font-size:1rem}.btn-menu{background:#dcdcdc;color:#1a1a1a;position:relative}.btn-menu:after{content:"";position:absolute;inset:-5px;border-radius:50px;border:1px solid #1956cf;opacity:0;transform:scale(1);z-index:-1}.btn-menu:hover{background:#e5e5e5;transform:translateY(-1.5px)}.btn-menu:hover:after{animation:menu-pulse .5s ease-out forwards}.btn-menu .btn-dots{letter-spacing:1px;font-weight:700;transform:rotate(0);transition:transform .5s ease}.btn-menu:hover .btn-dots{transform:rotate(90deg);transition:transform .5s ease}.btn-menu--active{background:#e5e5e5;transform:translateY(-1.5px)}.btn-menu--active .btn-dots{transform:rotate(90deg);transition:transform .5s ease}.btn-menu--active:hover{background:#e5e5e5;transform:translateY(-1.5px)}.btn-menu--active:hover .btn-dots{transform:rotate(90deg)}.btn-menu--active:hover:after{animation:none;opacity:0}.menu-wrapper{position:relative}.menu-dropdown{position:absolute;top:40px;right:-5px;background:#fff;border:1px solid #dcdcdc;border-radius:16px;box-shadow:0 8px 24px #0000001f;padding:10px;width:105px;z-index:1000;animation:dropdownFadeIn .2s ease-out}.menu-dropdown--closing{animation:dropdownFadeOut .2s ease-out forwards}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdownFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.menu-item{width:100%;padding:12px;background:transparent;border:none;border-radius:12px;font-family:Comic Sans MS,Comic sans,cursive;font-size:.9rem;font-weight:500;color:#1a1a1a;text-align:left;cursor:pointer;transition:all .2s ease;display:block}.menu-item:hover{background:#f0f9ff;color:#1956cf;transform:translate(4px)}@keyframes menu-pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}@media(max-width:768px){.header{padding:20px;flex-wrap:wrap;gap:20px}.header-right{width:100%;justify-content:flex-end}.btn{padding:10px 16px;font-size:.8rem}}.tech-stack-scene-container{width:100%;max-width:1400px;margin:530px auto 0;padding:0;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.tech-stack-title{font-family:Comic Sans MS,Comic sans,cursive;text-align:center;margin-bottom:10px;margin-left:330px;width:100%}.tech-stack-canvas-wrapper{width:100%;max-width:1200px;height:400px;margin:0 auto;position:relative;background:#0a0a0a;border-radius:24px;box-shadow:inset 0 4px 8px #0009,inset 0 -4px 8px #0006,inset 4px 0 8px #0006,inset -4px 0 8px #0006,0 8px 32px #00000080;border:1px solid rgba(255,255,255,.05);overflow:hidden;border:.1px solid #ffffff57}.tech-stack-canvas-wrapper canvas{width:100%;height:100%}@media(max-width:768px){.tech-stack-scene-container{padding:60px 0}.tech-stack-title{font-size:2rem;margin-bottom:30px}.tech-stack-canvas-wrapper{height:300px}}.middle-content{display:flex;padding:150px 50px;gap:60px;max-width:1400px;margin:0 auto;position:relative}.left-content-svg1{flex:1;display:flex;margin-top:0;margin-left:-430px;transform:rotate(10deg) scale(1.2);position:absolute;z-index:-1}.left-content-svg2{flex:1;display:flex;margin-top:300px;padding-left:100px;transform:rotate(5deg) scale(1.2);position:absolute;z-index:-1}.right-content{flex:1;display:flex;flex-direction:column;margin-top:-120px;padding-left:300px;gap:30px;font-family:Comic Sans MS,Comic sans,cursive;opacity:0;z-index:1;position:relative}.right-content-title{font-size:2rem;font-weight:700;color:#e9e9e900;margin:0}.right-content-caption{font-size:1.2rem;line-height:1.8;color:#333;margin:0}.tech-stack-container{padding:500px 40px;margin:0 auto;opacity:0}.tech-stack-panel{background:#0a0a0a;border-radius:20px;padding:140px 800px;display:flex;justify-content:center;align-items:center;gap:20px;max-width:1500px;max-height:200px;margin-top:-80px;flex-wrap:wrap;box-shadow:10px 20px 60px #0009}.tech-box{background:#1a1a1a;border:2px solid #2a2a2a;border-radius:18px;padding:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;width:90px;height:90px}.tech-box:before{content:"";position:absolute;inset:-2px;border-radius:18px;background:var(--glow-color);opacity:0;transition:opacity .3s ease;z-index:-1;filter:blur(8px)}.tech-box:hover{border-color:var(--glow-color);box-shadow:0 0 20px var(--glow-color),inset 0 0 10px #ffffff1a}.tech-box:hover:before{opacity:.6}.tech-icon-img{width:56px;height:56px;object-fit:contain;filter:brightness(1.2) saturate(1.1);transition:all .3s ease}.tech-box:hover .tech-icon-img{filter:brightness(1.4) saturate(1.3)}@media(max-width:768px){.middle-content{flex-direction:column;padding:40px;gap:40px}.lottie-curve{max-width:400px}.right-content-title{font-size:2rem}.right-content-caption{font-size:1rem}.tech-stack-container{padding:60px 20px}.tech-stack-panel{gap:16px;padding:40px 30px}.tech-box{width:75px;height:75px;padding:20px}.tech-icon-img{width:48px;height:48px}}.github-section{width:100%;max-width:1400px;margin:200px auto;padding:50px 150px;background:#fff;border-radius:24px;box-shadow:0 4px 20px #0000001a}.github-content{display:flex;justify-content:space-between;align-items:center;gap:80px}.github-left{flex:1;display:flex;justify-content:center;align-items:center}.github-button{background:#fff;border:1px solid #06acfe98;border-radius:20px;width:130px;height:130px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;transition:all .3s ease;cursor:pointer;text-decoration:none}.github-button:before{content:"";position:absolute;inset:0;background:#000;opacity:0;z-index:0;transition:opacity .3s ease}.github-button:hover:before{opacity:1}.github-button:hover{border-color:#000;box-shadow:0 10px 30px #00000040}.github-icon{position:relative;z-index:1;width:75px;height:75px;object-fit:contain;transition:transform .3s ease,filter .3s ease}.github-button:hover .github-icon{transform:scale(1.1);filter:brightness(0) invert(1)}.github-right{flex:1;display:flex;justify-content:center;align-items:center;width:100%;max-width:800px;margin-top:100px}.github-right>div{width:100%;height:auto}@media(max-width:768px){.github-section{padding:60px 30px;margin:60px auto}.github-content{flex-direction:column;gap:40px}.github-button{width:100px;height:100px}.github-icon{width:60px;height:60px}}.socials-container{display:flex;flex-direction:column;padding:80px 50px;border-radius:50px;gap:40px;max-width:1400px;margin:0 auto;background:#fff}.socials-title{font-family:Comic Sans MS,Comic sans,cursive;font-size:1.5rem;font-weight:700;color:#333;text-transform:uppercase;text-align:center;margin:0}.socials-content{display:flex;justify-content:space-between;align-items:center;gap:60px}.left-lottie-animation{flex:1;width:1000px;height:500px;display:flex;justify-content:center;align-items:center}.socials-right-section{flex:1;display:flex;flex-direction:column;align-items:center;gap:30px;padding:150px}.socials-panel-container{display:flex;justify-content:center;align-items:center;gap:30px}.social-panel{background:#fff;border:1px solid #06acfe98;border-radius:20px;width:130px;height:130px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;transition:all .3s ease}.social-panel:before{content:"";position:absolute;inset:0;background:var(--social-color);opacity:0;z-index:0}.social-panel:hover:before{opacity:1}.social-panel:hover{border-color:var(--social-color);box-shadow:0 10px 30px #00000026}.social-icon{position:relative;z-index:1;width:75px;height:75px;object-fit:contain;transition:transform .3s ease}.social-panel:hover .social-icon{transform:scale(1.1)}.social-name{display:none}.email-button{font-family:Comic Sans MS,Comic sans,cursive;font-size:1.2rem;font-weight:600;color:#333;background:#fff;border:1px solid #06acfe98;border-radius:20px;padding:15px 30px;cursor:pointer;transition:all .3s ease;position:relative}.email-button:hover{background:#f0f9ff;border-color:#2596be;transform:scale(1.05);box-shadow:0 4px 12px #3ec3f34d}.email-button:active{transform:scale(.98)}.toast-notification{position:fixed;bottom:15%;left:50%;transform:translate(-50%,-50%);background:#fffffff2;color:#0b0a0a;font-family:Comic Sans MS,Comic sans,cursive;font-size:1.2rem;font-weight:600;border:1px solid #06acfe98;padding:10px 30px;border-radius:16px;box-shadow:0 8px 24px #0000004d;z-index:9999;animation:fadeInOut 2s ease-in-out}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}20%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}@media(max-width:768px){.socials-container{flex-direction:column;padding:60px 30px;gap:40px}.left-lottie-animation{max-width:300px}.social-panel{padding:25px 30px}.social-icon{font-size:2rem}.social-name{font-size:1.2rem}}.app{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;width:100%}.main-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:50px}.interactive-window{width:100%;max-width:1380px;height:470px;background:#1a1a1a;border-radius:20px;position:relative;overflow:hidden}.scroll-hint{display:flex;align-items:center;gap:155px;padding:5px}.scroll-hint .plus,.scroll-hint .plus-edge{color:#000;font-size:2rem}.scroll-hint .hint-text{color:#000;font-size:.95rem;font-weight:500;letter-spacing:1px;text-transform:uppercase}@media(max-width:1024px){.main-content{padding:0 30px}.hero-text{margin-left:0;max-width:100%}}@media(max-width:768px){.main-content{padding:0 20px}.hero-text h1{font-size:1.25rem}.interactive-window{min-height:400px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Comic Sans MS,Comic sans,-cursive;background-color:#fbfbfb;overflow-x:hidden}#root{min-height:100vh;overflow-x:hidden}