.footer{background-color:#0d1b2ae6;padding:4rem 0 2rem;border-top:1px solid rgba(255,255,255,.1)}.footer-container{display:flex;flex-direction:column;gap:3rem}.footer-top{display:flex;justify-content:space-between;gap:2rem}@media (max-width: 768px){.footer-top{flex-direction:column}}.footer-logo{max-width:300px}.footer-logo .logo{display:inline-block;margin-bottom:1rem}.footer-logo .logo .logo-text{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--primary);position:relative}.footer-logo .logo .logo-text:after{content:"";position:absolute;width:120%;height:120%;top:-10%;left:-10%;border:2px solid var(--primary);border-radius:50%}.footer-logo .footer-tagline{font-size:1rem;color:var(--light);opacity:.8}.footer-links{display:flex;gap:4rem}@media (max-width: 992px){.footer-links{gap:2rem}}@media (max-width: 768px){.footer-links{flex-wrap:wrap}}@media (max-width: 576px){.footer-links{flex-direction:column}}.footer-links-column h3{font-size:1.2rem;color:var(--light);margin-bottom:1.5rem;position:relative}.footer-links-column h3:after{content:"";position:absolute;bottom:-.5rem;left:0;width:30px;height:2px;background:var(--primary)}.footer-links-column ul{display:flex;flex-direction:column;gap:1rem;list-style:none}.footer-links-column ul li a{display:flex;align-items:center;gap:.5rem;color:var(--light);opacity:.8;transition:all .3s ease}.footer-links-column ul li a i{color:var(--primary)}.footer-links-column ul li a:hover{opacity:1;color:var(--primary);transform:translate(5px)}.footer-links-column ul.social-links li a svg{width:25px;height:25px;fill:currentColor}.footer-links-column ul.social-links li a svg.gitHub{stroke:#fff}.footer-links-column ul.social-links li a svg.link{stroke:#fff;fill:#fff}.footer-links-column ul.social-links li a:hover svg.linkedIn,.footer-links-column ul.social-links li a:hover svg.link,.footer-links-column ul.social-links li a:hover svg.gitHub{fill:var(--primary);stroke:var(--primary)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}@media (max-width: 576px){.footer-bottom{flex-direction:column;gap:1rem;text-align:center}}.footer-bottom .copyright,.footer-bottom .credits{font-size:.9rem;color:var(--light);opacity:.7}.experience-timeline{position:relative;max-width:var(--max-container-width);margin:3rem auto 0}.experience-timeline:before{content:"";position:absolute;width:4px;background:linear-gradient(to bottom,var(--primary),var(--accent));top:0;bottom:0;left:50%;transform:translate(-50%);border-radius:2px}@media (max-width: 768px){.experience-timeline:before{left:30px}}.timeline-item{position:relative;width:50%;padding:0 40px;margin-bottom:60px}.timeline-item:before{content:"";position:absolute;width:20px;height:20px;background:var(--primary);border-radius:50%;top:0;z-index:1}.timeline-item:after{content:"";position:absolute;width:30px;height:2px;background:var(--primary);top:9px}.timeline-item.left{left:0}.timeline-item.left:before{right:-10px}.timeline-item.left:after{right:0}.timeline-item.right{left:50%}.timeline-item.right:before{left:-10px}.timeline-item.right:after{left:0}@media (max-width: 768px){.timeline-item{width:100%;padding-left:70px;padding-right:0;left:0}.timeline-item:before{left:20px;right:auto}.timeline-item:after{left:40px;right:auto}.timeline-item.right{left:0}}.timeline-content{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:1.5rem;position:relative}.timeline-date{display:inline-block;padding:.4rem 1rem;background:#3a86ff1a;color:var(--primary);border-radius:50px;font-size:.9rem;font-weight:600;margin-bottom:1rem}.timeline-title{font-size:1.4rem;margin-bottom:.5rem;color:var(--light)}.timeline-company{font-size:1.2rem;margin-bottom:.5rem;color:var(--pumpkin)}.timeline-location{font-size:.9rem;color:var(--light);opacity:.7;margin-bottom:1rem}.timeline-description{font-size:1rem;color:var(--light);opacity:.8;margin-bottom:1.5rem;line-height:1.6}.timeline-technologies{display:flex;flex-wrap:wrap;gap:.5rem}.timeline-technologies .timeline-tech{padding:.3rem .8rem;background:#3a86ff1a;color:var(--primary);border-radius:50px;font-size:.8rem;font-weight:600}.contact-form{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:2rem;height:100%}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--light)}.form-group input,.form-group textarea{width:100%;padding:.8rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--light);font-family:var(--font-body);font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #3a86ff33}.form-group textarea{resize:vertical}.submit-button{width:100%;padding:1rem;background:linear-gradient(90deg,var(--primary),var(--primary-dark));color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.submit-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 20px #3a86ff66}.submit-button:disabled{opacity:.7;cursor:not-allowed}.submit-button.submitting{position:relative}.submit-button.submitting:before{content:"";position:absolute;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;left:calc(50% - 30px);top:calc(50% - 10px);animation:rotate 1s linear infinite}.success-message{text-align:center;padding:2rem}.success-message .success-icon{font-size:3rem;color:var(--success);margin-bottom:1rem}.success-message h3{font-size:1.8rem;margin-bottom:1rem;color:var(--light)}.success-message p{font-size:1.1rem;color:var(--light);opacity:.8}.hero-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.languageSelect{border:none;outline:none;background-color:transparent;font-size:1rem;padding:10px;appearance:none;-webkit-appearance:none;-moz-appearance:none;color:#fff}.languageSelect option{color:#000000a9}.navbar{position:fixed;top:0;left:0;width:100%;height:var(--navbar-height);z-index:100;transition:all .3s ease}.navbar.scrolled{background:#0f172acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000001a}.navbar-container{display:flex;justify-content:space-between;align-items:center;height:100%}.navbar-logo{display:flex;align-items:center}.navbar-logo .logo-text{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--primary);position:relative}.navbar-logo .logo-text:after{content:"";position:absolute;width:120%;height:120%;top:-10%;left:-10%;border:2px solid var(--primary);border-radius:50%}@media (max-width: 911px){.navbar-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background:#0f172af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;transform:translate(100%);transition:transform .3s ease}.navbar-menu.open{transform:translate(0)}}.navbar-links{display:flex;gap:2rem;list-style:none}@media (max-width: 911px){.navbar-links{flex-direction:column;gap:2rem;text-align:center}}.navbar-link a{font-weight:600;color:var(--light);position:relative;padding:.5rem 0;transition:all .3s ease}.navbar-link a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--primary);transition:width .3s ease}.navbar-link a:hover,.navbar-link a.active{color:var(--primary)}.navbar-link a:hover:after,.navbar-link a.active:after{width:100%}@media (max-width: 768px){.navbar-link a{font-size:1.5rem}}.navbar-actions{display:flex;align-items:center;gap:1rem}.resume-button{padding:.6rem 1.2rem;background:transparent;color:var(--primary);border:2px solid var(--primary);border-radius:50px;font-weight:600;transition:all .3s ease}.resume-button:hover{background:var(--primary);color:#fff;transform:translateY(-3px)}@media (max-width: 911px){.resume-button{display:none}}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:30px;height:20px;background:transparent;border:none;cursor:pointer}.mobile-menu-toggle span{display:block;width:100%;height:2px;background:var(--light);transition:all .3s ease}.mobile-menu-toggle.open span:nth-child(1){transform:translateY(9px) rotate(45deg)}.mobile-menu-toggle.open span:nth-child(2){opacity:0}.mobile-menu-toggle.open span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}@media (max-width: 911px){.mobile-menu-toggle{display:flex}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:-1}.modal-container{background:linear-gradient(135deg,#172440f2,#0f172af2);border-radius:16px;box-shadow:0 25px 50px -12px #00000080;width:100%;max-width:800px;max-height:90vh;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.1)}.modal-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--primary-rgb),.5),transparent)}.modal-container:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb),.5),transparent)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.1);position:relative}.modal-header:after{content:"";position:absolute;bottom:0;left:10%;width:80%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.modal-title{font-size:1.8rem;color:var(--light);margin:0;background:linear-gradient(90deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-close{background:transparent;border:none;color:var(--light);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.modal-close:hover{background:#ffffff1a;transform:rotate(90deg)}.modal-content{padding:2rem;overflow-y:auto;max-height:calc(90vh - 80px)}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:rgba(var(--primary-rgb),.5);border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--primary)}.project-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;overflow:hidden;transition:all .3s ease;height:100%;display:flex;flex-direction:column}.project-image{position:relative;height:220px;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0d1b2acc;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.project-overlay.active{opacity:1}.project-links{display:flex;gap:1rem}.project-links .project-link{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:var(--primary);color:#fff;border-radius:4px;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;font-family:var(--font-body)}.project-links .project-link:hover{background:var(--primary-dark);transform:translateY(-3px)}.project-links .project-link i{font-size:.9rem}.project-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.project-title{font-size:1.4rem;margin-bottom:1rem;color:var(--light)}.project-description{font-size:1rem;color:var(--light);opacity:.8;margin-bottom:1.5rem;flex:1}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem}.project-technologies .project-tech{padding:.3rem .8rem;background:#3a86ff1a;color:var(--primary);border-radius:50px;font-size:.8rem;font-weight:600}.project-modal-content{display:flex;flex-direction:column;gap:2rem;color:var(--light)}.project-modal-content .project-modal-image{width:100%;height:300px;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0003}.project-modal-content .project-modal-image img{width:100%;height:100%;object-fit:cover}.project-modal-content .project-modal-description{font-size:1.1rem;line-height:1.8;color:var(--light);opacity:.9}.project-modal-content h3{font-size:1.5rem;margin-bottom:1.5rem;color:var(--primary);position:relative;display:inline-block}.project-modal-content h3:after{content:"";position:absolute;bottom:-.5rem;left:0;width:50px;height:2px;background:var(--primary)}.project-modal-content .project-modal-gallery .gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.project-modal-content .project-modal-gallery .gallery-grid .gallery-item{border-radius:8px;overflow:hidden;height:150px;box-shadow:0 4px 10px #0000001a;transition:transform .3s ease}.project-modal-content .project-modal-gallery .gallery-grid .gallery-item:hover{transform:scale(1.05)}.project-modal-content .project-modal-gallery .gallery-grid .gallery-item img{width:100%;height:100%;object-fit:cover}.project-modal-content .project-modal-features .features-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.project-modal-content .project-modal-features .features-list .feature-item{background:#ffffff0d;border-radius:12px;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.project-modal-content .project-modal-features .features-list .feature-item h4{font-size:1.2rem;margin-bottom:.8rem;color:var(--light)}.project-modal-content .project-modal-features .features-list .feature-item p{font-size:1rem;color:var(--light);opacity:.8}.project-modal-content .project-modal-challenges .challenges-list{display:flex;flex-direction:column;gap:1.5rem}.project-modal-content .project-modal-challenges .challenges-list .challenge-item{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 768px){.project-modal-content .project-modal-challenges .challenges-list .challenge-item{grid-template-columns:1fr}}.project-modal-content .project-modal-challenges .challenges-list .challenge-item .challenge-problem,.project-modal-content .project-modal-challenges .challenges-list .challenge-item .challenge-solution{background:#ffffff0d;border-radius:12px;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.project-modal-content .project-modal-challenges .challenges-list .challenge-item .challenge-problem h4,.project-modal-content .project-modal-challenges .challenges-list .challenge-item .challenge-solution h4{font-size:1.2rem;margin-bottom:.8rem;color:var(--light)}.project-modal-content .project-modal-challenges .challenges-list .challenge-item .challenge-problem p,.project-modal-content .project-modal-challenges .challenges-list .challenge-item .challenge-solution p{font-size:1rem;color:var(--light);opacity:.8}.project-modal-content .project-modal-challenges .challenges-list .challenge-item .challenge-problem h4{color:var(--warning)}.project-modal-content .project-modal-challenges .challenges-list .challenge-item .challenge-solution h4{color:var(--success)}.project-modal-content .project-modal-technologies .technologies-list{display:flex;flex-wrap:wrap;gap:.8rem}.project-modal-content .project-modal-technologies .technologies-list .technology-item{padding:.5rem 1rem;background:#3a86ff1a;color:var(--primary);border-radius:50px;font-size:.9rem;font-weight:600}.project-modal-content .project-modal-links{display:flex;gap:1rem;margin-top:1rem}@media (max-width: 576px){.project-modal-content .project-modal-links{flex-direction:column}}.project-modal-content .project-modal-links .modal-link{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.5rem;border-radius:8px;font-weight:600;transition:all .3s ease}.project-modal-content .project-modal-links .modal-link.primary{background:linear-gradient(90deg,var(--primary),var(--primary-dark));color:#fff;flex:1}.project-modal-content .project-modal-links .modal-link.primary:hover{transform:translateY(-3px);box-shadow:0 8px 20px #3a86ff66}.project-modal-content .project-modal-links .modal-link.secondary{background:transparent;border:1px solid var(--primary);color:var(--light);flex:1}.project-modal-content .project-modal-links .modal-link.secondary:hover{background:#3a86ff1a;transform:translateY(-3px)}.skills-cloud{width:100%;height:400px}.skills-cloud canvas{width:100%;height:100%;border-radius:12px;overflow:hidden}.services-container{width:100%}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}@media (max-width: 768px){.services-grid{grid-template-columns:1fr}}.service-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:2rem;transition:all .3s ease;height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent));opacity:0;transition:opacity .3s ease}.service-card:hover:before{opacity:1}.service-icon{width:70px;height:70px;border-radius:50%;background:rgba(var(--primary-rgb),.1);display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem;color:var(--primary);font-size:1.8rem;transition:all .3s ease}.service-card:hover .service-icon{background:var(--primary);color:#fff;transform:scale(1.1)}.service-title{font-size:1.4rem;margin-bottom:1rem;color:var(--light);position:relative;padding-bottom:.8rem}.service-title:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:var(--primary);transition:width .3s ease}.service-card:hover .service-title:after{width:60px}.service-description{font-size:1rem;color:var(--light);opacity:.8;line-height:1.7;flex:1}.home{position:relative;overflow-x:hidden;min-width:var(--min-container-width)}.home .loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--background);display:flex;justify-content:center;align-items:center;z-index:1000;transition:opacity .5s ease}.home .loading-screen.loaded{pointer-events:none}.home .loading-screen .loading-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.home .loading-screen .loading-content .loading-logo{font-family:var(--font-heading);font-size:4rem;font-weight:700;color:var(--primary);position:relative}.home .loading-screen .loading-content .loading-logo:after{content:"";position:absolute;width:120%;height:120%;top:-10%;left:-10%;border:2px solid var(--primary);border-radius:50%;animation:pulse 2s infinite}.home .loading-screen .loading-content .loading-bar{width:200px;height:4px;background-color:#ffffff1a;border-radius:2px;overflow:hidden}.home .loading-screen .loading-content .loading-bar .loading-progress{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent))}.home .hero{position:relative;height:100vh;min-height:700px;display:flex;align-items:center;overflow:hidden}.home .hero .hero-canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.home .hero .hero-content{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:2rem}@media (max-width: 992px){.home .hero .hero-content{margin-top:50px;flex-direction:column;text-align:center}}@media (max-width: 911px){.home .hero .hero-content{margin-top:0}}.home .hero .hero-content .hero-text{flex:1}.home .hero .hero-content .hero-text h1{display:flex;flex-direction:column;font-size:3.5rem;margin-bottom:1.5rem}.home .hero .hero-content .hero-text h1 span{line-height:1.2}.home .hero .hero-content .hero-text h1 span.name{font-size:4.5rem;background:linear-gradient(90deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.home .hero .hero-content .hero-text h1 span.title{font-size:2rem;color:var(--pumpkin);margin-top:.5rem}@media (max-width: 1320px){.home .hero .hero-content .hero-text h1{font-size:2.5rem}.home .hero .hero-content .hero-text h1 span.name{font-size:3.5rem}.home .hero .hero-content .hero-text h1 span.title{font-size:1.5rem}}@media (max-width: 992px){.home .hero .hero-content .hero-text h1{margin:2.5rem auto}.home .hero .hero-content .hero-text h1 span{font-size:1.5rem}.home .hero .hero-content .hero-text h1 span.name{font-size:2.5rem;margin:1.5rem auto}.home .hero .hero-content .hero-text h1 span.title{font-size:1.5rem}}@media (max-width: 491px){.home .hero .hero-content .hero-text h1{margin-bottom:10px}.home .hero .hero-content .hero-text h1 span{font-size:1rem}.home .hero .hero-content .hero-text h1 span.name{font-size:1.7rem;margin:1rem auto}.home .hero .hero-content .hero-text h1 span.title{font-size:1.3rem}}@media (max-width: 391px){.home .hero .hero-content .hero-text h1{margin:1.5rem auto 1rem}.home .hero .hero-content .hero-text h1 span{font-size:1rem}.home .hero .hero-content .hero-text h1 span.name{font-size:1.5rem;margin:.6rem auto}.home .hero .hero-content .hero-text h1 span.title{font-size:1.1rem}}.home .hero .hero-content .hero-text .subtitle{font-size:1.2rem;color:var(--light);opacity:.8;margin-bottom:2rem;max-width:600px;text-align:justify}@media (max-width: 1320px){.home .hero .hero-content .hero-text .subtitle{max-width:500px;width:100%;font-size:1rem;line-height:2.2}}@media (max-width: 491px){.home .hero .hero-content .hero-text .subtitle{line-height:1.7}}@media (max-width: 391px){.home .hero .hero-content .hero-text .subtitle{margin-bottom:1.5rem}}.home .hero .hero-content .hero-text .hero-cta{display:flex;gap:1rem}@media (max-width: 992px){.home .hero .hero-content .hero-text .hero-cta{justify-content:center}}.home .hero .hero-content .hero-text .hero-cta .button{padding:.8rem 2rem;display:flex;align-items:center;justify-content:center;border-radius:50px;font-weight:600;font-size:1rem;transition:all .3s ease}.home .hero .hero-content .hero-text .hero-cta .button.primary{background:linear-gradient(90deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 4px 15px #3a86ff4d}.home .hero .hero-content .hero-text .hero-cta .button.primary:hover{transform:translateY(-3px);box-shadow:0 8px 20px #3a86ff66}.home .hero .hero-content .hero-text .hero-cta .button.secondary{background:transparent;color:var(--light);border:2px solid var(--primary)}.home .hero .hero-content .hero-text .hero-cta .button.secondary:hover{background:#3a86ff1a;transform:translateY(-3px)}@media (max-width: 450px){.home .hero .hero-content .hero-text .hero-cta .button{padding:.6rem 1.5rem;font-size:.9rem}}.home .hero .hero-content .hero-image{flex:1;position:relative}.home .hero .hero-content .hero-image .profile-image{width:400px;height:400px;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;overflow:hidden;box-shadow:0 20px 40px #0000004d;border:4px solid rgba(255,255,255,.1);animation:morphing 10s infinite}@media (max-width: 992px){.home .hero .hero-content .hero-image .profile-image{margin:2.5rem auto 2rem;width:320px;height:320px}}@media (max-width: 491px){.home .hero .hero-content .hero-image .profile-image{margin:2.5rem auto 2rem;width:270px;height:270px}}@media (max-width: 391px){.home .hero .hero-content .hero-image .profile-image{margin:1.5rem auto 1rem;width:240px;height:240px}}.home .hero .hero-content .hero-image .profile-image img{width:100%;height:100%;object-fit:cover}.home .hero .hero-content .hero-image .tech-stack{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.home .hero .hero-content .hero-image .tech-stack .tech-item{position:absolute;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:.5rem 1rem;border-radius:50px;font-size:.9rem;font-weight:600;color:var(--light);box-shadow:0 4px 10px #0000001a;animation:float 5s infinite}.home .hero .hero-content .hero-image .tech-stack .tech-item:nth-child(1){top:10%;left:-10%;animation-delay:0s}@media (max-width: 992px){.home .hero .hero-content .hero-image .tech-stack .tech-item:nth-child(1){top:50%;left:-30%}}.home .hero .hero-content .hero-image .tech-stack .tech-item:nth-child(2){top:30%;right:-5%;animation-delay:1s}@media (max-width: 992px){.home .hero .hero-content .hero-image .tech-stack .tech-item:nth-child(2){right:-20%}}.home .hero .hero-content .hero-image .tech-stack .tech-item:nth-child(3){bottom:10%;left:-15%;animation-delay:2s}.home .hero .hero-content .hero-image .tech-stack .tech-item:nth-child(4){bottom:10%;right:10%;animation-delay:3s}@media (max-width: 992px){.home .hero .hero-content .hero-image .tech-stack .tech-item:nth-child(4){right:-5%}}.home .hero .hero-content .hero-image .tech-stack .tech-item:nth-child(5){top:50%;right:-10%;animation-delay:4s}@media (max-width: 992px){.home .hero .hero-content .hero-image .tech-stack .tech-item:nth-child(5){right:-30%}}.home .hero .hero-content .hero-image .tech-stack .tech-item:nth-child(6){top:110%;left:30%;animation-delay:5s}.home .hero .hero-content .hero-image .tech-stack .tech-item:nth-child(7){top:0;right:30%;animation-delay:6s}@media (max-width: 992px){.home .hero .hero-content .hero-image .tech-stack .tech-item:nth-child(7){top:5%;right:10%}}.home .hero .hero-content .hero-image .tech-stack .tech-item:nth-child(8){top:-10%;left:10%;animation-delay:7s}@media (max-width: 992px){.home .hero .hero-content .hero-image .tech-stack .tech-item:nth-child(8){top:5%}}.home .hero .hero-content .hero-image .tech-stack .tech-item:nth-child(9){bottom:-20%;left:10%;animation-delay:8s}.home .hero .scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem}.home .hero .scroll-indicator .mouse{width:30px;height:50px;border:2px solid rgba(255,255,255,.3);border-radius:20px;position:relative}.home .hero .scroll-indicator .mouse .wheel{width:6px;height:6px;background-color:var(--light);border-radius:50%;position:absolute;top:10px;left:50%;transform:translate(-50%);animation:scroll 2s infinite}.home .hero .scroll-indicator .arrow{display:flex;flex-direction:column;align-items:center;gap:.2rem}.home .hero .scroll-indicator .arrow span{display:block;width:10px;height:10px;border-bottom:2px solid rgba(255,255,255,.3);border-right:2px solid rgba(255,255,255,.3);transform:rotate(45deg);animation:arrow 2s infinite;animation-delay:calc(.2s * var(--i))}@media (max-width: 911px){.home .hero{min-height:100vh;padding-top:50px;display:flex;flex-direction:column;justify-content:space-around}}.home .about{background-color:#0f172acc}.home .about .about-content{display:flex;gap:4rem;margin-top:3rem}@media (max-width: 992px){.home .about .about-content{flex-direction:column;gap:2rem}}.home .about .about-content .about-text{flex:1}.home .about .about-content .about-text p{margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8;color:var(--light);opacity:.9}.home .about .about-content .about-text .about-details{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin:2rem 0}@media (max-width: 768px){.home .about .about-content .about-text .about-details{grid-template-columns:1fr}}.home .about .about-content .about-text .about-details .detail-item{display:flex;flex-direction:column;gap:.5rem}.home .about .about-content .about-text .about-details .detail-item .detail-label{font-weight:600;color:var(--primary)}.home .about .about-content .about-text .about-details .detail-item .detail-value{color:var(--light)}.home .about .about-content .about-text .about-cta{display:flex;gap:1rem;margin-top:2rem}.home .about .about-content .about-text .about-cta .button{padding:.8rem 2rem;border-radius:50px;font-weight:600;font-size:1rem;transition:all .3s ease}.home .about .about-content .about-text .about-cta .button.primary{background:linear-gradient(90deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 4px 15px #3a86ff4d}.home .about .about-content .about-text .about-cta .button.primary:hover{transform:translateY(-3px);box-shadow:0 8px 20px #3a86ff66}.home .about .about-content .about-text .about-cta .button.secondary{background:transparent;color:var(--light);border:2px solid var(--primary)}.home .about .about-content .about-text .about-cta .button.secondary:hover{background:#3a86ff1a;transform:translateY(-3px)}.home .about .about-content .about-skills{flex:1}.home .about .about-content .about-skills h3{font-size:1.8rem;margin-bottom:2rem;color:var(--light)}.home .services{background-color:var(--background)}.home .services .section-description{max-width:700px;margin:1rem auto 3rem;font-size:1.1rem;color:var(--light);opacity:.9;text-align:center}.home .projects{background-color:#0f172acc}.home .projects .projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-top:3rem}@media (max-width: 768px){.home .projects .projects-grid{grid-template-columns:1fr}}.home .projects .projects-cta{display:flex;justify-content:center;margin-top:3rem}.home .projects .projects-cta .button{padding:.8rem 2rem;border-radius:50px;font-weight:600;font-size:1rem;transition:all .3s ease;background:linear-gradient(90deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 4px 15px #3a86ff4d}.home .projects .projects-cta .button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #3a86ff66}.home .experience{background-color:var(--background)}.home .contact{background-color:#0f172acc}.home .contact .contact-content{display:flex;gap:4rem;margin-top:3rem}@media (max-width: 992px){.home .contact .contact-content{flex-direction:column;gap:2rem}}.home .contact .contact-content .contact-info{flex:1}.home .contact .contact-content .contact-info h3{font-size:1.8rem;margin-bottom:1.5rem;color:var(--light)}.home .contact .contact-content .contact-info p{margin-bottom:2rem;font-size:1.1rem;line-height:1.8;color:var(--light);opacity:.9}.home .contact .contact-content .contact-info .contact-details{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.home .contact .contact-content .contact-info .contact-details .contact-item{display:flex;align-items:flex-start;gap:1rem}.home .contact .contact-content .contact-info .contact-details .contact-item .contact-icon{width:50px;height:50px;border-radius:50%;background:#3a86ff1a;display:flex;justify-content:center;align-items:center;color:var(--primary);font-size:1.2rem}.home .contact .contact-content .contact-info .contact-details .contact-item .contact-text h4{font-size:1.2rem;margin-bottom:.5rem;color:var(--light)}.home .contact .contact-content .contact-info .contact-details .contact-item .contact-text p{margin:0;font-size:1rem;color:var(--light);opacity:.8}.home .contact .contact-content .contact-info .social-links{display:flex;gap:1rem}.home .contact .contact-content .contact-info .social-links .social-link{width:45px;height:45px;border-radius:50%;background:#ffffff0d;display:flex;justify-content:center;align-items:center;color:var(--light);font-size:1.2rem;transition:all .3s ease}.home .contact .contact-content .contact-info .social-links .social-link svg{width:25px;height:25px}.home .contact .contact-content .contact-info .social-links .social-link svg.linkedIn,.home .contact .contact-content .contact-info .social-links .social-link svg.gitHub,.home .contact .contact-content .contact-info .social-links .social-link svg.link{fill:#3a86ff}.home .contact .contact-content .contact-info .social-links .social-link:hover svg.linkedIn,.home .contact .contact-content .contact-info .social-links .social-link:hover svg.gitHub,.home .contact .contact-content .contact-info .social-links .social-link:hover svg.link{fill:#fff}.home .contact .contact-content .contact-info .social-links .social-link:hover{background:var(--primary);color:#fff;transform:translateY(-3px)}.home .contact .contact-content .contact-form-container{flex:1}.home .section{padding:var(--section-spacing) 0}.home .section .section-header{text-align:center;margin-bottom:2rem}.home .section .section-header .section-title{font-size:2.5rem;color:var(--light);margin-bottom:1rem;position:relative;display:inline-block}.home .section .section-header .section-line{width:80px;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent));margin:0 auto;border-radius:2px}.about-page{padding:calc(var(--navbar-height) + 2rem) 0 var(--section-spacing)}.about-page .section-header{text-align:center;margin-bottom:3rem}.about-page .section-header .section-title{font-size:3rem;color:var(--light);margin-bottom:1rem;position:relative;display:inline-block}@media (max-width: 600px){.about-page .section-header .section-title{font-size:2rem}}.about-page .section-header .section-line{width:80px;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent));margin:0 auto;border-radius:2px}.about-page .about-content{display:flex;gap:4rem;margin-bottom:4rem}@media (max-width: 992px){.about-page .about-content{flex-direction:column;gap:2rem}}.about-page .about-content .about-image{flex:1}.about-page .about-content .about-image .image-container{width:100%;max-width:400px;height:500px;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #0000004d;border:4px solid rgba(255,255,255,.1)}@media (max-width: 992px){.about-page .about-content .about-image .image-container{margin:0 auto}}.about-page .about-content .about-image .image-container img{width:100%;height:100%;object-fit:cover}.about-page .about-content .about-text{flex:1}.about-page .about-content .about-text h2{font-size:2.5rem;margin-bottom:.5rem;color:var(--light)}@media (max-width: 600px){.about-page .about-content .about-text h2{font-size:1.8rem}}.about-page .about-content .about-text h3{font-size:1.5rem;margin-bottom:1.5rem;color:var(--pumpkin)}@media (max-width: 600px){.about-page .about-content .about-text h3{font-size:1.3rem}}.about-page .about-content .about-text p{margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8;color:var(--light);opacity:.9}.about-page .about-content .about-text .about-details{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin:2rem 0}@media (max-width: 768px){.about-page .about-content .about-text .about-details{grid-template-columns:1fr}}.about-page .about-content .about-text .about-details .detail-item{display:flex;flex-direction:column;gap:.5rem}.about-page .about-content .about-text .about-details .detail-item .detail-label{font-weight:600;color:var(--primary)}.about-page .about-content .about-text .about-details .detail-item .detail-value{color:var(--light)}.about-page .about-content .about-text .about-cta{display:flex;gap:1rem;margin-top:2rem}.about-page .about-content .about-text .about-cta .button{padding:.8rem 2rem;border-radius:50px;font-weight:600;font-size:1rem;transition:all .3s ease}.about-page .about-content .about-text .about-cta .button.primary{background:linear-gradient(90deg,var(--primary),var(--primary-dark));box-shadow:0 4px 15px rgba(58,var(--primary-dark));color:#fff;box-shadow:0 4px 15px #3a86ff4d}.about-page .about-content .about-text .about-cta .button.primary:hover{transform:translateY(-3px);box-shadow:0 8px 20px #3a86ff66}.about-page .skills-section{margin-bottom:4rem}.about-page .skills-section h2,.about-page .education-section h2{font-size:2rem;margin-bottom:2rem;color:var(--light);text-align:center}.about-page .education-section .education-items{display:flex;flex-direction:column;gap:2rem;max-width:800px;margin:0 auto}.about-page .education-section .education-item{display:flex;gap:2rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:2rem}@media (max-width: 768px){.about-page .education-section .education-item{flex-direction:column;gap:1rem}}.about-page .education-section .education-item .education-year{min-width:150px;font-weight:600;color:var(--primary);font-size:1.2rem}.about-page .education-section .education-item .education-content h3{font-size:1.4rem;margin-bottom:.5rem;color:var(--light)}.about-page .education-section .education-item .education-content .education-institution{font-size:1.1rem;margin-bottom:.5rem;color:var(--light)}.about-page .education-section .education-item .education-content .education-location{font-size:1rem;color:var(--light);opacity:.8;margin-bottom:.5rem}.about-page .education-section .education-item .education-content .education-description{font-size:1rem;color:var(--light);opacity:.8}.services-page{padding:calc(var(--navbar-height) + 2rem) 0 var(--section-spacing)}.services-page .section-header{text-align:center;margin-bottom:3rem}.services-page .section-header .section-title{font-size:3rem;color:var(--light);margin-bottom:1rem;position:relative;display:inline-block}@media (max-width: 600px){.services-page .section-header .section-title{font-size:2rem}}.services-page .section-header .section-line{width:80px;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent));margin:0 auto 1.5rem;border-radius:2px}.services-page .section-header .section-description{max-width:800px;margin:0 auto;font-size:1.2rem;color:var(--light);opacity:.9;line-height:1.8}.services-page .services-cta{text-align:center;padding:4rem 2rem;margin-top:4rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px}.services-page .services-cta h2{font-size:2rem;color:var(--light);margin-bottom:1rem}@media (max-width: 600px){.services-page .services-cta h2{font-size:1.5rem}}.services-page .services-cta p{font-size:1.2rem;color:var(--light);opacity:.9;margin-bottom:2rem}@media (max-width: 600px){.services-page .services-cta p{font-size:1rem}}.services-page .services-cta .button{padding:.8rem 2rem;border-radius:50px;font-weight:600;font-size:1rem;transition:all .3s ease}.services-page .services-cta .button.primary{background:linear-gradient(90deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 4px 15px #3a86ff4d}.services-page .services-cta .button.primary:hover{transform:translateY(-3px);box-shadow:0 8px 20px #3a86ff66}.projects-page{padding:calc(var(--navbar-height) + 2rem) 0 var(--section-spacing)}.projects-page .section-header{text-align:center;margin-bottom:3rem}.projects-page .section-header .section-title{font-size:3rem;color:var(--light);margin-bottom:1rem;position:relative;display:inline-block}@media (max-width: 600px){.projects-page .section-header .section-title{font-size:2rem}}.projects-page .section-header .section-line{width:80px;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent));margin:0 auto 1.5rem;border-radius:2px}.projects-page .section-header .section-description{max-width:700px;margin:0 auto;font-size:1.2rem;color:var(--light);opacity:.9}.projects-page .projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-bottom:4rem}@media (max-width: 768px){.projects-page .projects-grid{grid-template-columns:1fr}}.projects-page .contact-cta{text-align:center;padding:4rem 2rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px}.projects-page .contact-cta h2{font-size:2rem;color:var(--light);margin-bottom:1rem}@media (max-width: 600px){.projects-page .contact-cta h2{font-size:1.5rem}}.projects-page .contact-cta p{font-size:1.2rem;color:var(--light);opacity:.9;margin-bottom:2rem}@media (max-width: 600px){.projects-page .contact-cta p{font-size:1rem}}.projects-page .contact-cta .button{padding:.8rem 2rem;border-radius:50px;font-weight:600;font-size:1rem;transition:all .3s ease}.projects-page .contact-cta .button.primary{background:linear-gradient(90deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 4px 15px #3a86ff4d}.projects-page .contact-cta .button.primary:hover{transform:translateY(-3px);box-shadow:0 8px 20px #3a86ff66}.experience-page{padding:calc(var(--navbar-height) + 2rem) 0 var(--section-spacing)}.experience-page .section-header{text-align:center;margin-bottom:3rem}.experience-page .section-header .section-title{font-size:3rem;color:var(--light);margin-bottom:1rem;position:relative;display:inline-block}@media (max-width: 600px){.experience-page .section-header .section-title{font-size:2rem}}.experience-page .section-header .section-line{width:80px;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent));margin:0 auto 1.5rem;border-radius:2px}.experience-page .section-header .section-description{max-width:700px;margin:0 auto;font-size:1.2rem;color:var(--light);opacity:.9}.experience-page .skills-section{margin-top:4rem}.experience-page .skills-section h2{font-size:2rem;color:var(--light);margin-bottom:2rem;text-align:center}.experience-page .skills-section .skills-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.experience-page .skills-section .skills-category{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:1.5rem}.experience-page .skills-section .skills-category h3{font-size:1.4rem;color:var(--primary);margin-bottom:1.5rem;position:relative}.experience-page .skills-section .skills-category h3:after{content:"";position:absolute;bottom:-.5rem;left:0;width:30px;height:2px;background:var(--primary)}.experience-page .skills-section .skills-category .skills-list{list-style:none}.experience-page .skills-section .skills-category .skills-list li{position:relative;padding-left:1.5rem;margin-bottom:.8rem;color:var(--light);opacity:.9}.experience-page .skills-section .skills-category .skills-list li:before{content:"";position:absolute;left:0;top:.5rem;width:8px;height:8px;background:var(--primary);border-radius:50%}.contact-page{padding:calc(var(--navbar-height) + 2rem) 0 var(--section-spacing)}.contact-page .section-header{text-align:center;margin-bottom:3rem}.contact-page .section-header .section-title{font-size:3rem;color:var(--light);margin-bottom:1rem;position:relative;display:inline-block}@media (max-width: 600px){.contact-page .section-header .section-title{font-size:2rem}}.contact-page .section-header .section-line{width:80px;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent));margin:0 auto 1.5rem;border-radius:2px}.contact-page .section-header .section-description{max-width:700px;margin:0 auto;font-size:1.2rem;color:var(--light);opacity:.9}.contact-page .contact-content{display:flex;gap:2rem}@media (max-width: 992px){.contact-page .contact-content{flex-direction:column}}.contact-page .contact-content .contact-info,.contact-page .contact-content .contact-form-container{flex:1}.contact-page .contact-content .contact-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:2rem;height:100%}.contact-page .contact-content .contact-card h2{font-size:1.8rem;color:var(--light);margin-bottom:2rem}@media (max-width: 600px){.contact-page .contact-content .contact-card h2{font-size:1.5rem}}.contact-page .contact-content .contact-details{margin-bottom:2rem}.contact-page .contact-content .contact-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.contact-page .contact-content .contact-item .contact-icon{width:50px;height:50px;border-radius:50%;background:#3a86ff1a;display:flex;justify-content:center;align-items:center;color:var(--primary);font-size:1.2rem}.contact-page .contact-content .contact-item .contact-text h3{font-size:1.2rem;margin-bottom:.5rem;color:var(--light)}.contact-page .contact-content .contact-item .contact-text p{font-size:1rem;color:var(--light);opacity:.8}.contact-page .contact-content .contact-item .contact-text p a{color:var(--light);opacity:.8;transition:all .3s ease}.contact-page .contact-content .contact-item .contact-text p a:hover{color:var(--primary);opacity:1}.contact-page .contact-content .social-links h3{font-size:1.2rem;color:var(--light);margin-bottom:1rem}.contact-page .contact-content .social-links .social-icons{display:flex;gap:1rem}.contact-page .contact-content .social-links .social-icons .social-link{width:45px;height:45px;border-radius:50%;background:#ffffff0d;display:flex;justify-content:center;align-items:center;color:var(--light);font-size:1.2rem;transition:all .3s ease}.contact-page .contact-content .social-links .social-icons .social-link:hover{background:var(--primary);color:#fff;transform:translateY(-3px)}.contact-page .contact-content .social-links .social-icons .social-link svg{width:25px;height:25px}@font-face{font-family:Noto Sans;src:url(/assets/NotoSans-VariableFont_wdth_wght-CE1q1VrM.ttf) format("truetype");font-weight:100 900;font-stretch:25% 151%;font-display:swap}@font-face{font-family:Handy_cheera_Regular;src:url(/assets/Handycheera_Regular-DMo6pCqL.otf) format("opentype");font-weight:400;font-display:swap}:root{--navbar-height: 80px;--section-spacing: 120px;--container-padding: 2rem;--pumpkin: #f78439;--text-gray: #5b5b5b;--primary: #3a86ff;--primary-dark: #2667cc;--secondary: #8338ec;--accent: #ff006e;--dark: #0d1b2a;--light: #f8f9fa;--success: #06d6a0;--warning: #ffbe0b;--danger: #ef476f;--background: #0f172a;--max-container-width: 1300px;--min-container-width: 320px;--card-bg: rgba(255, 255, 255, .03);--card-border: rgba(255, 255, 255, .1);--font-heading: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-glow: 0 0 15px rgba(58, 134, 255, .5)}*{margin:0;padding:0;border:0;box-sizing:border-box;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}html{scroll-behavior:smooth;font-size:16px}@media (max-width: 768px){html{font-size:14px}}body{color:var(--light);background-color:var(--background);font-family:var(--font-body);line-height:1.6;overflow-x:hidden;min-width:var(--min-container-width)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2}a{text-decoration:none;color:var(--primary);transition:color var(--transition-fast)}a:hover{color:var(--accent)}button,.button{cursor:pointer;font-family:var(--font-body);font-weight:600;transition:all var(--transition-fast)}button:disabled,.button:disabled{cursor:not-allowed;opacity:.7}.container{width:100%;max-width:var(--max-container-width);margin:0 auto;padding:0 var(--container-padding)}.section{padding:var(--section-spacing) 0}.text-gradient{background:linear-gradient(90deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.glass{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:2rem}@keyframes pulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:.5}to{transform:scale(1);opacity:.8}}@keyframes scroll{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(20px)}}@keyframes arrow{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes morphing{0%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}25%{border-radius:58% 42% 75% 25%/76% 46% 54% 24%}50%{border-radius:50% 50% 33% 67%/55% 27% 73% 45%}75%{border-radius:33% 67% 58% 42%/63% 68% 32% 37%}to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 450px){:root{--container-padding: 1rem}}