@font-face{font-family:The Seasons;src:url(/src/assets/fonts/TheSeasons-Regular.otf)format("otf");font-weight:400;font-style:normal}:root{--font-heading:"The Seasons", serif;--font-body:Arial, sans-serif;--color-heading:#1f1f1f;--color-body:#555}body{font-family:var(--font-body);color:var(--color-body);letter-spacing:-.5px;overflow-x:hidden!important}a{color:var(--color-body);letter-spacing:-.5px}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-heading);letter-spacing:-1.5px;margin:0;font-weight:500}h1{font-size:64px}h2{font-size:56px}h3{font-size:48px}h4{font-size:40px}h5{font-size:32px}h6{font-size:24px}p{margin:0;font-size:15px}@media (width<=1024px){h1{font-size:56px}h2{font-size:48px}h3{font-size:40px}h4{font-size:32px}h5{font-size:24px}h6{font-size:20px}p{font-size:14px}}@media (width<=767px){h1{font-size:48px}h2{font-size:40px}h3{font-size:32px}h4{font-size:24px}h5{font-size:20px}h6{font-size:18px}p{font-size:14px}}*{box-sizing:border-box}body{margin:0;padding:0;font-family:sans-serif}html{scroll-behavior:smooth}body,html{margin:0;padding:0;overflow-x:hidden}section{padding:100px 50px}.btn{color:#1f1f1f;letter-spacing:-.5px;background:0 0;border:1px solid #1f1f1f;border-radius:100px;padding:12px 32px;font-family:Arial,sans-serif;font-size:14px;font-weight:500;text-decoration:none;display:inline-block}.btn:hover{background-color:#081336;border-color:#081336;transition:all .2s ease-in-out;color:#fff!important}@media (width<=1024px){section{padding:70px 30px}.btn{font-size:14px}}@media (width<=767px){section{padding:50px 20px}.btn{font-size:12px}}.header-outer{z-index:1000;width:100vw;max-width:100%;padding:10px 50px;position:fixed;top:0;left:0}.header-inner{z-index:99;background-color:#0000;border:1px solid #cacfd6;border-radius:100px;justify-content:space-between;align-items:center;padding:15px 30px;transition:all .2s ease-in-out;display:flex}@media (width<=1024px){.header-outer{padding:10px 30px}}@media (width<=767px){.header-outer{padding:10px 20px}.header-inner{padding:15px 20px}}.header-inner.scrolled{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fff9;border:1px solid #d8dde5}.logo{color:#1f1f1f;letter-spacing:-1.5px;font-family:The Seasons;font-size:24px;font-weight:500;text-decoration:none}@media (width<=1024px){.logo{font-size:20px}}@media (width<=767px){.logo{font-size:18px}}.logo-link{color:inherit;text-decoration:none}.nav-desktop ul{gap:25px;margin:0;list-style:none;display:flex}.nav-desktop a{color:#1f1f1f;letter-spacing:-.5px;font-family:Arial,sans-serif;font-size:14px;text-decoration:none;transition:color .3s}li>a:after{content:"";background:0 0;width:0;height:1px;margin:auto;transition:all .3s;display:block;top:5px}li>a:hover:after,li>a.active-nav:after{background:#1f1f1f;width:100%}.menu-icon{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;display:none}.menu-icon span{background:#1f1f1f;width:24px;height:1px;transition:all .3s}@media (width<=767px){.nav-desktop{display:none}.menu-icon{display:flex}li>a:after{height:0}li>a:hover:after,li>a.active-nav:after{background:0 0;width:0!important}}.mobile-menu{opacity:0;z-index:1000;background:#fff;border-radius:20px 0 0 20px;flex-direction:column;justify-content:space-between;width:95%;height:100dvh;transition:right .4s,opacity .4s;display:flex;position:fixed;top:0;right:-100%;overflow:hidden!important}.menu-header{flex-direction:row;justify-content:space-between;align-items:center;padding:25px 30px;display:flex}.menu-header h6{font-family:Arial,sans-serif;font-size:14px}.mobile-menu.open{opacity:1;right:0}.menu-content{flex-direction:column;justify-content:space-between;gap:20px;width:100%;height:100dvh;margin:0;display:flex}.menu-content ul{flex-direction:column;gap:25px;margin:0;padding:30px;list-style:none;display:flex}.menu-content ul li a{color:#1f1f1f;font-family:The Seasons,serif;font-size:40px;text-decoration:none}.close-btn{cursor:pointer;background:0 0;border:none;align-self:flex-end;padding:0}.contact-links{flex-direction:row;justify-content:space-between;gap:20px;padding:30px;font-size:14px;display:flex}.contact-links a{text-decoration:none}.menu-overlay{opacity:0;visibility:hidden;z-index:999;background:#0003;width:100%;height:100dvh;transition:all .3s;position:fixed;top:0;left:0}.menu-overlay.active{opacity:1;visibility:visible}.close-icon{width:18px}.footer{z-index:99;background:#e3f2fb;border-radius:40px 40px 0 0;flex-direction:column;justify-content:center;margin-top:-40px;display:flex;position:relative;overflow:hidden}.footer:before{content:"";background:radial-gradient(circle at var(--x,50%) var(--y,50%), #a8c6fa 0%, #edf6ff66 100%, transparent 70%);pointer-events:none;z-index:0;transition:background .1s;position:absolute;inset:0}.footer-overlay{opacity:.2;pointer-events:none;z-index:0;background-repeat:repeat;background-size:cover;height:105vh;position:absolute;inset:0}.contact{text-align:center;z-index:1}.contact h2{color:#081336}.link-container{flex-direction:row;justify-content:center;gap:15px;padding:20px 0 30px;display:flex}.link-container a{color:#525972;font-size:14px;text-decoration:none}.contact .btn{color:#39425e;border:1px solid #39425e}@media (width<=1024px){.link-container a{font-size:13px}}@media (width<=767px){.link-container a{font-size:12px}}.secondary-footer{z-index:1;flex-direction:row;justify-content:center;align-items:center;gap:15px;padding:20px 50px;display:flex}.secondary-footer p{color:#525972;margin:0;font-size:12px}.secondary-footer a{opacity:.65;font-size:12px;text-decoration:none}.icons-container{flex-direction:row;gap:8px;display:flex}.socials-icon{width:16px}@media (width<=1024px){.secondary-footer p,.secondary-footer a{font-size:11px}.socials-icon{width:16px}}@media (width<=767px){.secondary-footer p,.secondary-footer a{font-size:11px}.socials-icon{width:15px}}.hero{background-color:#e4f1ff;justify-content:left;align-items:center;width:100%;height:105vh;display:flex;position:relative;overflow:hidden;padding:80px 50px 0!important;overflow:hidden!important}.background{z-index:0;background:#e4f1ff;position:absolute;inset:0}.background span{backface-visibility:hidden;opacity:.7;filter:blur(20px);border-radius:50%;width:25vmin;height:25vmin;animation:linear infinite move;position:absolute}@keyframes move{to{transform:rotate(360deg)translateZ(1px)}}.hero-overlay,.hero-bg-text,.hero-content{z-index:2;position:relative}.hero-overlay{opacity:.2;pointer-events:none;z-index:2;background-repeat:repeat;background-size:cover;height:105vh;position:absolute;inset:0}.hero-bg-text{color:#dae9fb;text-align:left;z-index:1;pointer-events:none;font-family:Arial;font-size:220px;font-weight:800;line-height:180px;animation:.8s forwards fadeInUp;position:absolute;transform:translateY(20px)}.hero-content{width:100vw;position:absolute}.hero-image{opacity:0;animation:.8s .3s forwards fadeInUp;display:block;transform:translateY(20px);width:100%!important}@media (width<=1024px){.hero{height:50vh;padding:70px 30px 0}.hero-bg-text{font-size:140px;line-height:140px}.hero-content{left:30%}}@media (width<=767px){.background span{width:40vmin;height:40vmin}.hero{height:55vh;padding:50px 20px 0!important}.hero-bg-text{font-size:100px;line-height:100px}.hero-content{left:-50%}.hero-image{width:160%!important}}.text-btn-container{flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:40px;display:flex}.projects{text-align:center;z-index:99;background-color:#fff;border-radius:40px 40px 0 0;margin-top:-40px;padding:100px 50px 0;position:relative}@media (width<=1024px){.projects{padding:70px 30px 0}}@media (width<=767px){.projects{padding:50px 20px 0}}.project-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}@media (width<=1024px){.project-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=767px){.project-grid{grid-template-columns:1fr}}.project-card{cursor:none;border-radius:8px;display:block;position:relative;overflow:hidden}@media (width<=1024px){.projects h4{font-size:40px!important}}@media (width<=767px){.projects h4{font-size:32px!important}}.project-img{object-fit:cover;border-radius:8px;width:100%;height:100%;transition:transform .4s;display:block}.project-card:hover .project-img{transform:scale(1.04)}.custom-cursor{pointer-events:none;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#1f1f1f;opacity:0;background-color:#fff6;border:1px solid #d8dde5;border-radius:100px;padding:8px 16px;font-size:12px;transition:all .2s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)scale(.8)}.custom-cursor.active{opacity:1;transform:translate(-50%,-50%)scale(1)}.about{z-index:1;flex-direction:column;align-items:center;padding:100px 50px 140px;display:flex}.about-text{text-align:center;justify-content:center;width:800px;padding-bottom:40px}.about-text h2{opacity:0;padding-bottom:20px;animation:.8s forwards fadeInUp}.about-text p{line-height:1.3rem}@media (width<=1024px){.about{padding:70px 30px 110px}.about-text{width:100%}.custom-cursor{font-size:11px}}@media (width<=767px){.about{align-items:start;padding:50px 20px 90px}.about-text{text-align:start;justify-content:start}}.projects-subpage{padding:175px 50px 140px}.heading-text-container{flex-direction:row;justify-content:space-between;gap:100px;padding-bottom:80px;display:flex}.heading-text-container p{width:500px;line-height:1.3rem}@media (width<=1024px){.projects-subpage{padding:145px 30px 110px}.projects-subpage h1{font-size:48px}.heading-text-container{gap:40px;padding-bottom:60px}.heading-text-container p{width:100%}}@media (width<=767px){.projects-subpage{padding:130px 20px 90px}.projects-subpage h1{font-size:40px}.heading-text-container{flex-direction:column;gap:20px;padding-bottom:40px}}.about-subpage{padding:100px 50px 140px}.image-text-container{flex-direction:row;align-items:center;gap:100px;display:flex}.image-text-container h1{padding-bottom:20px}.about-image{object-fit:cover;width:50%}@media (width<=1024px){.about-subpage{padding:100px 30px 110px}.image-text-container{gap:40px}}@media (width<=767px){.about-subpage{padding:90px 20px}.image-text-container{flex-direction:column}.about-image{width:100%}}.shape{border-radius:34% 73% 72% 31%/31% 38% 72% 66%;animation:15s ease-in-out infinite fluid}@keyframes fluid{0%{border-radius:34% 73% 72% 31%/31% 38% 72% 66%}25%{border-radius:53% 46% 70% 22%/73% 50% 48% 30%}50%{border-radius:52% 40% 37% 63%/52% 32% 71% 41%}75%{border-radius:32% 62% 90% 41%/41% 72% 29% 35%}}.about-subpage-text{text-align:start;padding-bottom:40px}.about-subpage p{line-height:1.3rem}.profile{flex-direction:row;justify-content:space-between;gap:100px;padding-top:100px;display:flex}.profile p{width:800px}.profile-heading-container{flex-direction:column;height:fit-content;display:flex;position:-webkit-sticky;top:80px;position:sticky!important}.profile-heading-container h6{padding-bottom:10px;font-size:56px}.profile-heading-container h2{font-family:Arial,sans-serif;font-size:24px}.skills{width:800px}.skills p{padding-bottom:40px}.skills ul{flex-flow:wrap;gap:8px;margin:20px 0 0;padding:0;display:flex}.skills li{border:1px solid #d8dde5;border-radius:100px;padding:8px 16px;font-size:13px;list-style:none}.developer-skills{padding-bottom:40px}.experiences{width:800px}.experience-container:not(:last-child){padding-bottom:40px}.experience-container h5{padding-top:15px}.heading-container{justify-content:space-between;align-items:end;padding-bottom:20px;display:flex}.experience-link{text-decoration:none}@media (width<=1024px){.profile{gap:40px;padding-top:70px}.profile p{width:100%}.profile-heading-container h6{font-size:48px}.profile-heading-container h2{font-size:20px}.profile-heading-container{width:200px}.skills,.experiences{width:100%}}@media (width<=767px){.profile{flex-direction:column;gap:20px;padding-top:50px}.profile-heading-container h6{padding:0;font-size:24px}.profile-heading-container h2{padding-bottom:2px;font-size:20px}.profile-heading-container{flex-direction:row;align-items:end;gap:10px;width:100%;position:unset!important}.experience-container h5{padding-top:10px}.experience-link{font-size:14px}}.notfound{text-align:center;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.notfound-content{max-width:500px}.notfound h1{opacity:0;padding-bottom:20px;animation:.8s forwards fadeInUp}.notfound p{padding-bottom:40px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}