:root{--background:#0f0f0f;--text:#fff;--accent:#ff3c00;--secondary:#333;--light-gray:#f5f5f5;--blue:#5352ed;--transition:0.6s cubic-bezier(0.33,1,0.68,1);--heading-font:"Della Respira",serif;--body-font:"Hatton",sans-serif}*{-ms-overflow-style:none;box-sizing:border-box;margin:0;padding:0;scrollbar-width:none}::-webkit-scrollbar{display:none;height:0;width:0}:after,:before{box-sizing:inherit}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-overflow-style:none;background-color:#0f0f0f;background-color:var(--background);color:#fff;color:var(--text);font-family:Hatton,sans-serif;font-family:var(--body-font);line-height:1.6;overflow-x:hidden;scrollbar-width:none}body::-webkit-scrollbar{display:none}html{-ms-overflow-style:none;scroll-behavior:smooth;scroll-padding-top:80px;scrollbar-width:none}html::-webkit-scrollbar{display:none}.container{margin:0 auto;max-width:1400px;padding:0 20px;width:90%}a{color:#fff;color:var(--text);font-family:Hatton,sans-serif;font-family:var(--body-font);text-decoration:none;transition:all .4s cubic-bezier(.33,1,.68,1)}a:hover{color:#ff3c00;color:var(--accent);transform:translateX(3px)}h1,h2,h3,h4,h5{font-family:Della Respira,serif;font-family:var(--heading-font);font-weight:700;letter-spacing:-.5px;line-height:1.2}button,input,p,span,textarea{font-family:Hatton,sans-serif;font-family:var(--body-font)}section{padding:150px 0;position:relative}.section-header{align-items:baseline;animation:fadeInUp .8s cubic-bezier(.33,1,.68,1) forwards;display:flex;margin-bottom:80px;opacity:0;position:relative;transform:translateY(50px)}.section-number{color:#ff3c00;color:var(--accent);font-family:Hatton,sans-serif;font-family:var(--body-font);font-size:1.3rem;font-weight:600;margin-right:25px;opacity:.9;transition:all .3s ease}.section-header:hover .section-number{opacity:1;transform:translateX(5px)}.section-header h2{font-family:Della Respira,serif;font-family:var(--heading-font);font-size:4.2rem;position:relative;transition:all .3s ease}.section-header h2:after{background:linear-gradient(90deg,#ff3c00,#0000);background:linear-gradient(90deg,var(--accent),#0000);bottom:-10px;content:"";height:3px;left:0;position:absolute;transition:width .6s cubic-bezier(.33,1,.68,1);width:0}.section-header:hover h2:after{width:120px}::selection{background:#ff3c00;background:var(--accent);color:#0f0f0f;color:var(--background)}::-moz-selection{background:#ff3c00;background:var(--accent);color:#0f0f0f;color:var(--background)}@media screen and (max-width:768px){.section-header h2{font-size:2.8rem}.section-number{font-size:1.1rem;margin-right:15px}section{padding:80px 0}}.preloader{align-items:center;background-color:var(--background);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;transition:opacity .8s cubic-bezier(.77,0,.175,1),transform 1s cubic-bezier(.77,0,.175,1);width:100%;z-index:9999}.preloader.fade-out{opacity:0;transform:translateY(-100%)}.greeting-container{overflow:hidden;text-align:center}.greeting{color:var(--text);font-family:var(--heading-font);font-size:5vw;font-weight:700;margin:0;transition:opacity .3s ease,transform .3s ease}.greeting-fade-in{animation:slideUp .5s cubic-bezier(.33,1,.68,1);opacity:1;transform:translateY(0)}.greeting-fade-out{opacity:0;transform:translateY(-20px)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:768px){.greeting{font-size:8vw}}.main-nav{left:0;mix-blend-mode:difference;padding:30px 0;position:fixed;top:0;transition:all .4s cubic-bezier(.33,1,.68,1);width:100%;z-index:100}.main-nav.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0f0f0ff2;box-shadow:0 5px 20px #0000004d;padding:20px 0}.nav-container{align-items:center;display:flex;justify-content:space-between;padding:0 40px}.logo{cursor:pointer;font-family:var(--heading-font);font-size:2rem;font-weight:700;transition:transform .4s cubic-bezier(.33,1,.68,1),color .3s ease}.logo:hover{color:var(--accent);transform:scale(1.08)}.menu-button{background:none;border:none;color:var(--text);cursor:pointer;font-family:var(--body-font);font-size:1.2rem;font-weight:500;position:relative;transition:color .3s ease,transform .4s cubic-bezier(.33,1,.68,1)}.menu-button:after{background-color:var(--accent);bottom:-3px;content:"";height:2px;left:0;position:absolute;transition:width .4s cubic-bezier(.33,1,.68,1);width:0}.menu-button:hover{color:var(--accent);transform:scale(1.08)}.menu-button:hover:after{width:100%}.menu-overlay{align-items:center;background-color:var(--background);display:flex;height:100vh;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .6s cubic-bezier(.77,0,.175,1);width:100%;z-index:99}.menu-overlay.active{opacity:1;pointer-events:all}.menu-links{list-style:none;text-align:center}.menu-links li{margin:30px 0;opacity:0;transform:translateY(30px);transition:opacity .6s cubic-bezier(.33,1,.68,1),transform .6s cubic-bezier(.33,1,.68,1);transition-delay:calc(.1s*var(--i))}.menu-overlay.active .menu-links li{opacity:1;transform:translateY(0)}.menu-link{display:inline-block;font-family:var(--heading-font);font-size:4rem;font-weight:700;position:relative;transition:color .3s ease,transform .4s cubic-bezier(.33,1,.68,1)}.menu-link:hover{transform:translateX(15px)}.menu-link:after{background:linear-gradient(90deg,var(--accent),var(--blue));bottom:0;content:"";height:3px;left:0;position:absolute;transition:width .5s cubic-bezier(.33,1,.68,1);width:0}.menu-link:hover:after{width:100%}@media screen and (max-width:768px){.nav-container{padding:0 20px}.logo{font-size:1.5rem}.menu-link{font-size:2.5rem}}.hero-section{display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:100px 0 50px;position:relative}.main-title{display:block;font-family:var(--heading-font);font-size:5.5rem;letter-spacing:-1px;margin-bottom:20px;opacity:0;overflow:visible;text-align:center;transform:translateY(100px);transition:all 1.2s cubic-bezier(.33,1,.68,1);white-space:nowrap}.main-title.animate-in{opacity:1;transform:translateY(0)}.subtitle{color:#ffffffe6;display:block;font-family:var(--heading-font);font-size:2.2rem;margin-bottom:60px;opacity:0;text-align:center;transform:translateY(50px);transition:all 1s cubic-bezier(.33,1,.68,1) .3s}.subtitle.animate-in{opacity:1;transform:translateY(0)}.scroll-indicator{align-items:center;animation:float 3s ease-in-out infinite;bottom:40px;display:flex;flex-direction:column;font-family:var(--body-font);font-size:.95rem;gap:10px;left:50%;opacity:.8;position:absolute;transform:translateX(-50%);transition:opacity .4s ease}.scroll-indicator:hover{opacity:1}.scroll-line{animation:scrollLine 3s ease-in-out infinite;background:linear-gradient(to bottom,var(--accent),#0000);height:35px;width:1px}@keyframes float{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-10px)}}@keyframes scrollLine{0%,to{opacity:0;transform:scaleY(0)}50%{opacity:1;transform:scaleY(1)}}@media screen and (max-width:768px){.main-title{font-size:2.5rem;letter-spacing:-.5px}.subtitle{font-size:1.5rem}}@media screen and (max-width:480px){.main-title{font-size:1.8rem;letter-spacing:0}.subtitle{font-size:1.2rem}}.about-section{background-color:var(--background);padding:120px 0;position:relative}.about-content{align-items:center;display:flex;gap:70px;justify-content:space-between;opacity:0;transform:translateY(50px);transition:all 1s cubic-bezier(.33,1,.68,1)}.about-content.visible{opacity:1;transform:translateY(0)}.about-text{color:var(--text);flex:1 1;opacity:0;transform:translateX(-50px);transition:all 1s cubic-bezier(.33,1,.68,1) .2s}.about-text.visible{opacity:1;transform:translateX(0)}.about-text p{color:#ffffffe6;font-size:1.4rem;font-weight:300;letter-spacing:.2px;line-height:1.8;margin-bottom:25px;transition:all .3s ease}.about-text p:hover{color:#fff;transform:translateX(5px)}.about-image{flex:1 1;opacity:0;position:relative;transform:translateX(50px);transition:all 1s cubic-bezier(.33,1,.68,1) .4s}.about-image.visible{opacity:1;transform:translateX(0)}.about-image:before{border:2px solid var(--accent);border-radius:12px;bottom:15px;content:"";left:-15px;opacity:0;position:absolute;right:15px;top:-15px;transition:all .5s cubic-bezier(.33,1,.68,1);z-index:-1}.about-image:hover:before{bottom:10px;left:-10px;opacity:.4;right:10px;top:-10px}.about-img{border-radius:12px;box-shadow:0 15px 50px #0009;filter:brightness(.95) contrast(1.05);height:auto;transition:all .6s cubic-bezier(.33,1,.68,1);width:100%}.about-img:hover{box-shadow:0 20px 60px #ff3c004d;filter:brightness(1) contrast(1.1);transform:scale(1.02) translateY(-5px)}@media screen and (max-width:968px){.about-section{padding:80px 0}.about-content{flex-direction:column;gap:50px}.about-text p{font-size:1.25rem}.about-image:before{display:none}}.skills-section{background-color:var(--background);opacity:0;padding:100px 0;transform:translateY(50px);transition:all 1s cubic-bezier(.33,1,.68,1)}.skills-section.visible{opacity:1;transform:translateY(0)}.skills-section2{background-color:var(--background);opacity:0;padding:40px 0;transform:translateY(50px);transition:all 1s cubic-bezier(.33,1,.68,1) .2s}.skills-section2.visible{opacity:1;transform:translateY(0)}.skills-category-label{color:var(--accent);display:inline-block;font-family:var(--body-font);font-size:1.2rem;font-weight:600;letter-spacing:2px;margin-top:40px;opacity:.8;position:relative;text-transform:uppercase}.skills-category-label:after{background:linear-gradient(90deg,var(--accent),#0000);bottom:-8px;content:"";height:2px;left:0;position:absolute;width:50%}.skills-container,.skills-container2{align-items:center;display:flex;justify-content:flex-start;margin-top:50px;overflow:hidden;position:relative;width:100%}.skills-container2{margin-top:50px}.skills-wrapper{animation:scroll-skills 50s linear infinite}.skills-wrapper,.skills-wrapper2{display:flex;gap:80px;white-space:nowrap;will-change:transform}.skills-wrapper2{animation:scroll-skills 40s linear infinite}.skill,.skill2{color:var(--text);font-family:var(--body-font);font-size:2.5rem;font-weight:500;letter-spacing:.5px;opacity:.75;position:relative;transition:all .4s cubic-bezier(.33,1,.68,1);white-space:nowrap}.skill2:after,.skill:after{background:var(--accent);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .4s cubic-bezier(.33,1,.68,1);width:0}.skill2:hover,.skill:hover{color:var(--accent);opacity:1;transform:scale(1.15) translateY(-5px)}.skill2:hover:after,.skill:hover:after{width:100%}@keyframes scroll-skills{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.skills-wrapper2:hover,.skills-wrapper:hover{animation-play-state:paused}@media screen and (max-width:768px){.skill,.skill2{font-size:1.8rem}.skills-wrapper,.skills-wrapper2{gap:40px}}.work-section{background-color:var(--background);padding:150px 0}.project-showcase{display:flex;flex-direction:column}.project-item{margin-bottom:120px;opacity:0;transform:translateY(50px);transition:all 1s cubic-bezier(.33,1,.68,1)}.project-item.visible{opacity:1;transform:translateY(0)}.project-content{align-items:center;display:flex;flex-wrap:wrap;gap:50px;justify-content:space-between;margin-bottom:50px;position:relative}.project-image{flex:1 1;min-width:300px;position:relative}.img-placeholder{background:linear-gradient(135deg,var(--secondary) 0,#5352ed1a 100%);border-radius:15px;box-shadow:0 20px 60px #0009;height:450px;overflow:hidden;position:relative;transition:all .6s cubic-bezier(.33,1,.68,1);width:100%}.img-placeholder:before{background:linear-gradient(135deg,#0000,#ff3c001a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .6s ease}.project-item:hover .img-placeholder{box-shadow:0 25px 70px #ff3c004d;transform:translateY(-10px)}.project-item:hover .img-placeholder:before{opacity:1}.project-img{filter:brightness(.95);height:100%;object-fit:cover;transition:all .6s cubic-bezier(.33,1,.68,1);width:100%}.project-item:hover .project-img{filter:brightness(1);transform:scale(1.08)}.project-details{align-items:flex-end;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:300px;text-align:right}.project-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text) 0,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;font-family:var(--heading-font);font-size:4.5rem;letter-spacing:-1px;margin-bottom:15px;transition:all .5s cubic-bezier(.33,1,.68,1)}.project-item:hover .project-title{letter-spacing:-1.5px;transform:translateX(-10px)}.project-category{font-family:var(--body-font);font-size:1.3rem;letter-spacing:.5px;opacity:.7;transition:all .4s ease}.project-item:hover .project-category{opacity:1;transform:translateX(-5px)}.view-button{align-items:center;background-color:var(--blue);border-radius:50%;box-shadow:0 5px 15px #5352ed66;color:#fff;display:flex;font-family:var(--body-font);font-weight:500;height:70px;justify-content:center;left:20px;position:absolute;text-transform:uppercase;top:20px;transition:transform .5s cubic-bezier(.33,1,.68,1),background-color .3s ease;width:70px;z-index:2}.view-button:hover{background-color:var(--accent);box-shadow:0 8px 25px #ff3c0099;color:#fff;transform:scale(1.15) rotate(10deg)}.project-divider{background:linear-gradient(90deg,#0000,#ffffff1a 50%,#0000);height:1px;width:100%}@media screen and (max-width:768px){.project-title{font-size:2.5rem}.project-details{align-items:flex-start;text-align:left}.view-button{font-size:.9rem;height:60px;width:60px}.img-placeholder{height:300px}}.contact-section{background-color:var(--background);opacity:0;padding:150px 0;transform:translateY(50px);transition:all 1s cubic-bezier(.33,1,.68,1)}.contact-section.visible{opacity:1;transform:translateY(0)}.contact-content{max-width:900px}.contact-content p{animation:fadeInUp 1s cubic-bezier(.33,1,.68,1) .2s forwards;color:#ffffffe6;font-size:1.9rem;line-height:1.6}.contact-content p,.primary-link{font-family:var(--body-font);margin-bottom:50px;opacity:0;transform:translateY(30px)}.primary-link{-webkit-text-fill-color:#0000;animation:fadeInUp 1s cubic-bezier(.33,1,.68,1) .4s forwards;background:linear-gradient(135deg,var(--text) 0,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:3.5rem;font-weight:700;letter-spacing:-.5px;position:relative}.primary-link:after{background:linear-gradient(90deg,var(--accent),var(--blue));bottom:-8px;content:"";height:4px;left:0;position:absolute;transition:width .6s cubic-bezier(.33,1,.68,1);width:0}.primary-link:hover{transform:translateX(10px)}.primary-link:hover:after{width:100%}.social-links{animation:fadeInUp 1s cubic-bezier(.33,1,.68,1) .6s forwards;display:flex;gap:30px;opacity:0;transform:translateY(30px)}.social-links a{border:2px solid var(--text);border-radius:50px;font-family:var(--body-font);font-size:1.3rem;letter-spacing:.5px;overflow:hidden;padding:15px 35px;position:relative;transition:all .4s cubic-bezier(.33,1,.68,1)}.social-links a:before{background-color:var(--accent);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s cubic-bezier(.33,1,.68,1),height .6s cubic-bezier(.33,1,.68,1);width:0;z-index:-1}.social-links a:hover:before{height:320px;width:320px}.social-links a:hover{border-color:var(--accent);box-shadow:0 15px 40px #ff3c0080;color:var(--text);transform:translateY(-8px) scale(1.05)}.magnetic-button{cursor:pointer;display:inline-block;transition:transform .3s ease}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media screen and (max-width:768px){.contact-content p{font-size:1.3rem}.primary-link{font-size:2rem}.social-links{flex-direction:column;gap:15px}.social-links a{text-align:center}}footer{border-top:1px solid #ffffff1a;opacity:.7;padding:60px 0;position:relative;text-align:center;transition:opacity .5s cubic-bezier(.33,1,.68,1),border-color .5s ease}footer:hover{border-top-color:#ff3c004d;opacity:1}footer:before{background:linear-gradient(90deg,#0000,var(--accent),#0000);content:"";height:1px;left:50%;position:absolute;top:-1px;transform:translateX(-50%);transition:width .6s cubic-bezier(.33,1,.68,1);width:0}footer:hover:before{width:100%}footer p{font-family:var(--body-font);font-size:1rem;transition:transform .4s cubic-bezier(.33,1,.68,1),color .3s ease}footer:hover p{color:#fff;transform:translateY(-3px)}.App{background-color:var(--background);min-height:100vh}.main-content{opacity:0;transform:translateY(30px);transition:opacity 1s cubic-bezier(.33,1,.68,1),transform 1s cubic-bezier(.33,1,.68,1)}.main-content.fade-in{opacity:1;transform:translateY(0)}main{position:relative;z-index:1}
/*# sourceMappingURL=main.b63f6193.css.map*/