.divider-line-wrapper{justify-content:center;align-items:center;width:calc(100% - 4rem);height:150px;margin:1rem auto 3rem;display:flex;position:relative;overflow:visible}.divider-line-wrapper .hit-box{z-index:9;cursor:pointer;width:100%;height:40%;position:absolute;top:30%;left:0}.divider-line-wrapper .svg-divider{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.divider-line-wrapper .svg-divider path{stroke-width:1px}@media (width<=1024px){.divider-line-wrapper{display:none}}.preloader-overlay{background:var(--preloaderBg);z-index:9999;will-change:transform;border-radius:0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.preloader-overlay .preloader-text{color:var(--preloaderTextColor);font-size:clamp(2.5rem,5vw,4.5rem);font-weight:500;position:relative}.preloader-overlay .preloader-text span{display:inline-block;position:relative}.preloader-overlay .preloader-text span:before{content:"• ";color:var(--preloaderTextColor)}.scroll-to-top{background:var(--buttonBg);border:1px solid var(--buttonBorder);cursor:pointer;z-index:999;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;transition:opacity .4s,background .3s,box-shadow .3s;display:flex;position:fixed;bottom:3rem;right:1.5rem;box-shadow:0 4px 12px #00000026}.scroll-to-top svg{color:var(--buttonText);width:1.4rem;height:1.4rem;transition:all .3s}.scroll-to-top:hover{background:var(--buttonHoverBg);box-shadow:var(--buttonShadow)}.scroll-to-top.show{opacity:1;pointer-events:all}.scroll-to-top.hide{opacity:0;pointer-events:none}[data-theme=dark] .scroll-to-top{box-shadow:0 0 10px #22d3ee4d,0 4px 10px #22d3ee33}@media (width<=768px){.scroll-to-top{display:none}}.navbar{z-index:999;background:var(--navbarBg);-webkit-backdrop-filter:blur(3px);width:100%;height:6rem;box-shadow:var(--navbarShadow);padding:1.5rem 3rem;transition:all .3s;position:fixed;top:0;left:0}.navbar .infinite-animate{background:linear-gradient(90deg, transparent, var(--primaryTextColor));border-radius:1rem;width:8rem;height:.13rem;animation:5s linear infinite animateInfinite;position:absolute;bottom:0}@keyframes animateInfinite{0%{left:0;transform:translate(-100%)}to{left:100%;transform:translate(0%)}}.navbar .navbar-container{justify-content:space-between;align-items:center;width:min(95%,1600px);margin:0 auto;display:flex}.navbar .navbar-logo{cursor:pointer;color:var(--secondaryTextColor);font-size:1.45rem;font-weight:700;transition:all .3s}.navbar .navbar-logo:hover{color:var(--primaryTextColor)}.navbar .navbar-menu{align-items:center;gap:3rem;display:flex}.navbar .navbar-link .textFaceFront{color:var(--secondaryTextColor)}.navbar .navbar-link .textFaceBack,.navbar .active-link .textFaceFront,.navbar .active-link .textFaceBack{color:var(--primaryTextColor)}.navbar .navbar-actions{align-items:center;gap:1rem;display:flex}.navbar .navbar-actions .contact-button{border:1px solid var(--primaryTextColor);color:#fff;cursor:pointer;background:linear-gradient(#fdc50f 26.71%,#fb982f 99.36%);border-radius:1rem;padding:.55rem 1.4rem;font-size:.9rem;transition:all .3s;box-shadow:0 20px 24px 1px #fba1284d}.navbar .navbar-actions .contact-button:hover{background:var(--primaryBg);color:var(--primaryTextColor);border:1px solid var(--primaryTextColor)}@media (width<=1024px){.navbar{padding:1.25rem 2rem}.navbar .navbar-container{width:100%}.navbar .navbar-menu,.navbar .navbar-actions{display:none}.navbar .navbar-logo{font-size:1.2rem}}@media (width<=768px){.navbar{padding:1.2rem 1.5rem}.navbar .navbar-logo{font-size:1.1rem}}@media (width<=480px){.navbar{padding:1.2rem 1.5rem}.navbar .navbar-logo{font-size:1rem}.navbar .navbar-logo .animatedTextLink span{font-size:.5rem!important}}.animatedTextLink{cursor:pointer;perspective:1200px;transform-style:preserve-3d;line-height:1.2;text-decoration:none;display:inline-grid;position:relative;overflow:hidden}.animatedTextLink:before{content:attr(data-text);visibility:hidden;font-size:var(--font-size);font-weight:var(--font-weight);white-space:nowrap;display:block}.animatedTextLink .textFace{white-space:nowrap;font-size:var(--font-size);font-weight:var(--font-weight);transform-style:preserve-3d;backface-visibility:hidden;justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.76,0,.24,1);display:flex;position:absolute;inset:0}.animatedTextLink .textFaceFront{color:var(--secondaryTextColor);transform:rotateX(0deg) translateZ(var(--cube-depth))}.animatedTextLink .textFaceBack{color:var(--primaryTextColor);transform:rotateX(-90deg) translateZ(var(--cube-depth))}.animatedTextLink:hover .textFaceFront{transform:rotateX(90deg) translateZ(var(--cube-depth))}.animatedTextLink:hover .textFaceBack{transform:rotateX(0deg) translateZ(var(--cube-depth))}.themeToggle{cursor:pointer;width:3.3rem;height:3.3rem;color:var(--secondaryTextColor);border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.themeToggle svg{transition:all .3s}.themeToggle:hover{color:var(--primaryTextColor);transform:scale(1.2)}.customBtn{border:1px solid var(--buttonBorder);background:var(--buttonBg);color:var(--buttonText);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:.55rem;justify-content:center;align-items:center;gap:.75rem;padding:0 1rem;line-height:1;transition:background-color .5s,border-color .25s,color .25s,box-shadow .36s;display:inline-flex}.customBtn:hover{background:var(--buttonHoverBg);box-shadow:var(--buttonShadow)}.customBtn:disabled{opacity:.4;cursor:not-allowed;transform:none}.customBtn .icon{color:inherit;flex-shrink:0;justify-content:center;align-items:center;display:flex}.customBtn .text{color:inherit;white-space:nowrap}.mobile-menu{display:none}@media (width<=1024px){.mobile-menu{display:block}.mobile-menu .mobile-menu-trigger{z-index:1201;justify-content:center;align-items:center;display:flex;position:relative}.mobile-menu .mobile-menu-trigger .hamburger-react{color:var(--secondaryTextColor)!important}.mobile-menu.mobile-menu-open .mobile-menu-trigger .hamburger-react{color:var(--primaryMTextColor)!important}.mobile-menu .mobile-menu-overlay{z-index:1200;background:var(--primaryMBg);visibility:hidden;pointer-events:none;justify-content:center;align-items:center;width:100vw;min-height:100vh;display:flex;position:fixed;inset:0}.mobile-menu .mobile-menu-overlay .themeToggle{color:var(--primaryMTextColor)}.mobile-menu .mobile-menu-overlay .mobile-menu-actions .customBtn{color:var(--primaryMBg);border:2px solid var(--primaryMBg);background:#fff;font-weight:600}.mobile-menu .mobile-menu-overlay .mobile-menu-actions .customBtn:hover{color:#fff;background:0 0}.mobile-menu .mobile-menu-overlay-open{opacity:1;visibility:visible;pointer-events:all}.mobile-menu .mobile-menu-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:3rem;width:min(90%,650px);display:flex}.mobile-menu .mobile-menu-logo{letter-spacing:.02em;-webkit-user-select:none;user-select:none;color:var(--primaryMTextColor);font-size:2rem;font-weight:700}.mobile-menu .mobile-menu-links{color:var(--primaryMTextColor);flex-direction:column;align-items:center;gap:2rem;display:flex}.mobile-menu .mobile-menu-links .mobile-menu-link{font-size:1.5rem;font-weight:600}.mobile-menu .mobile-menu-actions{flex-direction:column;align-items:center;gap:1.5rem;display:flex}[data-theme=dark] .mobile-menu .mobile-menu-overlay .mobile-menu-actions .customBtn{background:var(--buttonBg);color:var(--buttonText);border:1px solid var(--buttonBorder)}[data-theme=dark] .mobile-menu .mobile-menu-overlay .mobile-menu-actions .customBtn:hover{background:var(--buttonHoverBg)}}@media (width<=768px){.mobile-menu .mobile-menu-content{gap:4rem}.mobile-menu .mobile-menu-logo{font-size:1.8rem}.mobile-menu .mobile-menu-links{gap:1.7rem}.mobile-menu .mobile-menu-link{font-size:1.8rem}}@media (width<=480px){.mobile-menu .mobile-menu-content{gap:4rem;width:92%}.mobile-menu .mobile-menu-logo{font-size:1.8rem}.mobile-menu .mobile-menu-links{gap:1.4rem}.mobile-menu .mobile-menu-actions{gap:1.2rem}}.display-lottie-container{width:90%;height:92%}.particles{opacity:.3;position:absolute!important;top:-50px!important;left:-30px!important}@media (width<=480px){.particles{display:none}}@keyframes rubberBand{0%{transform:scaleX(1)}40%{transform:scaleX(1.12)scaleY(.75)}55%{transform:scaleX(.85)scaleY(1)}65%{transform:scaleX(1.09)scaleY(.85)}75%{transform:scaleX(.9)scaleY(1)}90%{transform:scaleX(1.05)scaleY(.95)}to{transform:scaleX(1)scaleY(1)}}.section-heading-container .first-heading{color:var(--secondaryTextColor);font-size:1.8rem;font-weight:600}.section-heading-container .second-heading{color:var(--primaryTextColor);margin-top:0;font-size:4.2rem;font-weight:600}.section-heading-container .second-heading .letter{font:inherit;color:inherit;cursor:default;display:inline-block}.section-heading-container .second-heading .letter:hover{color:var(--primaryTextHoverColor);animation:.7s rubberBand}@media (width<=1024px){.section-heading-container .first-heading{font-size:1.8rem}.section-heading-container .second-heading{font-size:3.6rem}}@media (width<=767px){.section-heading-container .first-heading{font-size:1.8rem}.section-heading-container .second-heading{font-size:3.1rem}}@media (width<=600px){.section-heading-container .first-heading{font-size:1.6rem}.section-heading-container .second-heading{font-size:2.9rem}}@media (width<=480px){.section-heading-container .first-heading{font-size:1.5rem}.section-heading-container .second-heading{font-size:2.3rem}}@media (width<=360px){.section-heading-container .first-heading{font-size:1.2rem}.section-heading-container .second-heading{font-size:2rem}}.about-container{z-index:10;align-items:center;min-height:100vh;display:flex;position:relative}.about-container .about-particles{opacity:.7;width:100%;height:100%}.about-container .about-left{flex:1;justify-content:center;min-height:100%;display:flex;position:relative}.about-container .about-right{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:100%;margin-top:-2.5rem;display:flex;position:relative}.about-container .about-right .intro-text{flex-direction:column;row-gap:1rem;padding-top:2.5rem;display:flex}.about-container .about-right .intro-text .hello-there-word{position:absolute;top:8.2rem;left:3.2rem}.about-container .about-right .intro-text span{color:var(--aboutMeTextColor);letter-spacing:.02rem;width:80%;font-size:1.3rem;font-weight:500;line-height:2rem}[data-theme=dark] .about-left>div{filter:invert()hue-rotate(110deg)brightness(.8)}@media (width<=1024px){.about-container{flex-direction:column-reverse;padding-top:5rem}.about-container .about-left{width:70%;margin-top:3rem}.about-container .about-right{width:100%;margin-top:0;padding-left:3.6rem}.about-container .about-right .intro-text{padding-top:2.6rem}.about-container .about-right .intro-text .hello-there-word{top:8.2rem;left:7rem}}@media (width<=767px){.about-container{padding-top:3rem}.about-container .about-left{margin-bottom:0}.about-container .about-right{justify-content:flex-start;width:100%;margin-top:0;padding-left:1.8rem}.about-container .about-right .intro-text{padding-top:2rem}.about-container .about-right .intro-text .hello-there-word{top:7.2rem;left:5rem}.about-container .about-right .intro-text span{width:85%}}@media (width<=480px){.about-container{gap:2rem;padding-top:3rem}.about-container .about-left{width:100%;margin-top:0;margin-bottom:0}.about-container .about-right{padding-left:1rem}.about-container .about-right .intro-text{padding-top:2rem}.about-container .about-right .intro-text .hello-there-word{font-size:1rem;top:5.8rem;left:4.2rem}.about-container .about-right .intro-text span{width:90%;font-size:1.05rem;line-height:1.7rem}}@media (width<=360px){.about-container{padding-top:3rem}.about-container .about-left{width:100%;margin-top:0;margin-bottom:0}.about-container .about-right{padding-left:.5rem}.about-container .about-right .intro-text{padding-top:1.5rem}.about-container .about-right .intro-text .hello-there-word{font-size:.95rem;top:4.5rem;left:4rem}.about-container .about-right .intro-text span{width:100%;font-size:.95rem}}@keyframes typing-erase{0%{width:0}80%{width:100%}90%,to{width:0}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:var(--primaryTextColor)}}@keyframes wave-animation{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.hero-container{z-index:10;align-items:center;min-height:100vh;display:flex;position:relative}.hero-container .hero-left{flex-direction:column;flex:1;justify-content:center;gap:1rem;margin-bottom:6rem;padding-left:3.6rem;display:flex;position:relative}.hero-container .hero-left .hero-content{flex-direction:column;gap:.75rem;display:flex}.hero-container .hero-left .hero-content .greeting{color:var(--secondaryTextColor);font-size:4rem;font-weight:700;line-height:1.2}.hero-container .hero-left .hero-content .greeting .wave-emoji{cursor:pointer;transform-origin:70% 70%;font-size:4rem;animation:2.3s infinite wave-animation;display:inline-block}.hero-container .hero-left .hero-content .typewriter-name{margin-top:-.5rem}.hero-container .hero-left .hero-content .typewriter-name .name-text{height:100%;color:var(--primaryTextColor);border-right:.3rem solid var(--primaryTextColor);white-space:nowrap;max-width:max-content;font-size:5rem;font-weight:700;animation:5s steps(40,end) infinite typing-erase,.7s step-end infinite blink-caret;display:flex;overflow:hidden}.hero-container .hero-left .hero-content .designation{color:var(--primaryGrayColor);margin-top:.5rem;font-size:1.5rem;font-weight:500}.hero-container .hero-left .cta-wrapper{align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.hero-container .hero-left .cta-wrapper .cv-download-link{width:9rem;text-decoration:none;display:inline-block}.hero-container .hero-right{flex:1;justify-content:center;align-items:center;min-height:100%;display:flex;position:relative}.hero-container .hero-right .character-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.hero-container .hero-right .character-wrapper .vector-orange{z-index:1;filter:drop-shadow(3.2px .1px 6px #767783);width:100%;height:100%;position:absolute;top:48%;left:45%;transform:translate(-50%,-50%)scale(.75)}.hero-container .hero-right .character-wrapper .vector-orange .vector-shape{fill:var(--buttonBg);transition:fill .3s,stroke .3s,opacity .3s}.hero-container .hero-right .character-wrapper .character-img{z-index:2;filter:drop-shadow(3.2px .1px 6px #767783);max-width:100%;height:auto;position:relative;left:-10%;transform:scale(1.05)}[data-theme=dark] .hero-container .hero-right .character-wrapper .vector-orange .vector-shape{fill:color-mix(in srgb, var(--primaryTextColor) 8%, transparent);stroke:var(--primaryTextColor);stroke-width:1.5px;opacity:.4}[data-theme=dark] .hero-container .hero-right .character-wrapper .character-img{filter:drop-shadow(3.2px .1px 10px #22d3ee59)}@media (width<=1024px){.hero-container{flex-direction:column;padding-top:4rem}.hero-container .hero-left{width:100%;margin-bottom:2rem}.hero-container .hero-left .hero-left-blur{display:none}.hero-container .hero-right{width:100%}.hero-container .hero-right .blur-container .hero-blur1{left:80%!important}.hero-container .hero-right .character-wrapper .vector-orange{transform:translate(-42%,-50%)scale(.65)}.hero-container .hero-right .character-wrapper .character-img{left:0;transform:scale(.95)}}@media (width<=767px){.hero-container{padding-top:3rem}.hero-container .hero-left{justify-content:flex-start;margin-bottom:0;padding-left:1.8rem}.hero-container .hero-left .hero-content .greeting{font-size:2.6rem}.hero-container .hero-left .hero-content .greeting .wave-emoji{font-size:2.5rem}.hero-container .hero-left .hero-content .typewriter-name .name-text{font-size:3.5rem}.hero-container .hero-left .hero-content .designation{font-size:1.3rem}.hero-container .hero-right{width:100%}.hero-container .hero-right .character-wrapper .vector-orange{transform:translate(-42%,-50%)scale(.6)}.hero-container .hero-right .character-wrapper .character-img{transform:scale(.85)}}@media (width<=480px){.hero-container{justify-content:flex-start;gap:5rem;margin-bottom:0;padding-top:3rem}.hero-container .hero-left{flex:0;padding-left:1rem}.hero-container .hero-left .hero-content .greeting{font-size:2.2rem}.hero-container .hero-left .hero-content .greeting .wave-emoji{font-size:2rem}.hero-container .hero-left .hero-content .typewriter-name .name-text{font-size:2.8rem}.hero-container .hero-left .hero-content .designation{font-size:1.15rem}.hero-container .hero-left .cta-wrapper{flex-direction:column;align-items:flex-start;gap:2rem}.hero-container .hero-left .cta-wrapper .cv-download-link{max-width:9rem}.hero-container .hero-left .cta-wrapper .cv-download-link .resume-btn{width:10rem!important;height:2.4rem!important}.hero-container .hero-left .cta-wrapper .cv-download-link .resume-btn span{font-size:.95rem!important}.hero-container .hero-left .cta-wrapper .get-in-touch{padding-left:1rem}.hero-container .hero-left .cta-wrapper .get-in-touch p{font-size:1.1rem!important}.hero-container .hero-right{flex:0}.hero-container .hero-right .character-wrapper .vector-orange{transform:translate(-42%,-50%)scale(.6)}.hero-container .hero-right .character-wrapper .character-img{transform:scale(.85)}}@media (width<=360px){.hero-container{justify-content:flex-start;margin-bottom:0;padding-top:3rem}.hero-container .hero-left{max-height:30vh}.hero-container .hero-left .hero-content .greeting{font-size:1.8rem}.hero-container .hero-left .hero-content .greeting .wave-emoji{font-size:1.7rem}.hero-container .hero-left .hero-content .typewriter-name .name-text{font-size:2.4rem}.hero-container .hero-left .hero-content .designation{font-size:.9rem}.hero-container .hero-left .cta-wrapper{gap:1.5rem}.hero-container .hero-left .cta-wrapper .cv-download-link{max-width:8rem}.hero-container .hero-left .cta-wrapper .cv-download-link .resume-btn{width:7rem!important;height:2.3rem!important}.hero-container .hero-left .cta-wrapper .cv-download-link .resume-btn span{font-size:.75rem!important}.hero-container .hero-left .cta-wrapper .get-in-touch{padding-left:0}.hero-container .hero-left .cta-wrapper .get-in-touch p{font-size:.9rem!important}.hero-container .hero-right .character-wrapper .vector-orange{transform:translate(-42%,-50%)scale(.6)}.hero-container .hero-right .character-wrapper .character-img{transform:scale(.8)}}.blur{filter:blur(75px);z-index:-9;opacity:.9;border-radius:50%;position:absolute}.blur.purple{background:var(--purpleCircularBlurColor)}.blur.teal{background:var(--tealCircularBlurColor)}[data-theme=dark] .blur{opacity:.2;filter:blur(80px)}[data-theme=dark] .blur.purple{background:color-mix(in srgb, var(--purpleCircularBlurColor) 30%, transparent)}[data-theme=dark] .blur.teal{background:color-mix(in srgb, var(--tealCircularBlurColor) 30%, transparent)}.footer{background:var(--footerBg);border-top:1px solid var(--footerBorderColor);flex-direction:column;justify-content:flex-end;align-items:center;width:100%;padding:2rem 2rem 1.5rem;display:flex;position:relative;overflow:hidden}.footer .footer-content{z-index:10;text-align:center;width:100%;color:var(--footerTextColor);flex-direction:column;gap:1rem;display:flex;position:relative}.footer .footer-content .footer-heading{font-size:1.3rem;font-weight:500}.footer .footer-content .social-links{justify-content:center;align-items:center;gap:1.8rem;padding-top:.3rem;display:flex}.footer .footer-content .social-links .social-link{color:var(--footerTextColor);border-radius:50%;justify-content:center;align-items:center;display:flex;transform:scale(1.2)}.footer .footer-content .footer-credit{letter-spacing:.5px;opacity:1;padding-top:.5rem;font-size:1rem;font-weight:500}.footer .footer-content .footer-credit .heart{cursor:pointer;transition:all .3s;animation:.6s infinite alternate beat;display:inline-block}.footer .footer-content .footer-credit .developer-name{font-weight:600}@keyframes beat{to{transform:scale(1.3)}}@media (width<=1024px){.footer{margin-top:10rem}}@media (width<=768px){.footer .footer-content .social-links .social-link:hover{transform:scale(1)}}@media (width<=480px){.footer{margin-top:5rem;padding:2rem 1rem 1.5rem}.footer .footer-content .footer-heading{font-size:1rem}.footer .footer-content .social-links{gap:1.2rem}.footer .footer-content .social-links .social-link:hover{transform:scale(1)}.footer .footer-content .footer-credit{font-size:.75rem}}.contact-container{z-index:10;min-height:100vh;display:flex;position:relative}.contact-container .contact-left{flex:1;justify-content:center;align-items:center;min-height:100%;display:flex;position:relative}.contact-container .contact-right{flex-direction:column;flex:1.3;justify-content:center;align-items:center;min-height:100%;margin-top:-6.5rem;display:flex;position:relative}.contact-container .contact-right .second-heading{margin-top:-.3rem}.contact-container .contact-right .contact-content{width:100%;margin-top:1.8rem}.contact-container .contact-right .contact-content .box{box-shadow:var(--boxShadow);border:1px solid var(--contactBorderColor);border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:5rem;display:flex;position:relative;overflow:hidden}.contact-container .contact-right .contact-content .box .heading{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.contact-container .contact-right .contact-content .box .heading .header{text-align:center;color:var(--contactHeader);font-size:2.8rem;font-weight:600}.contact-container .contact-right .contact-content .box .heading .sub-header{color:var(--aboutMeTextColor);letter-spacing:.02rem;text-align:center;width:82%;font-size:1.2rem;font-weight:500;line-height:1.7rem}.contact-container .contact-right .contact-content .box .buttons{justify-content:center;align-items:center;gap:1.5rem;margin-top:2.5rem;display:flex}.contact-container .contact-right .contact-content .box .buttons .linkedin-btn{justify-content:center;align-items:center;display:flex;width:13rem!important;height:2.5rem!important;font-weight:600!important}.contact-container .contact-right .contact-content .box .buttons .linkedin-btn .text{font-size:.9rem!important}.contact-container .contact-right .contact-content .box .buttons .github{gap:.3rem;display:flex}.contact-container .contact-right .contact-content .box .buttons .github .github-icon{color:var(--contactGithubColor);margin-bottom:-.1rem}[data-theme=dark] .contact-left>div{filter:invert()hue-rotate(110deg)brightness(.8)}@media (width<=1024px){.contact-container{flex-direction:column-reverse;align-items:center;padding-top:5rem}.contact-container .contact-left{justify-content:center;align-items:center;width:70%;margin-top:2rem;display:flex}.contact-container .contact-right{width:100%;margin-top:0;padding-left:3.6rem}.contact-container .contact-right .contact-content .box .heading .header{width:100%;font-size:2.6rem}.contact-container .contact-right .contact-content .box .heading .sub-header{width:95%;font-size:1.3rem}.contact-container .blur-container{display:none}}@media (width<=767px){.contact-container{padding-top:3rem}.contact-container .contact-left{width:80%;margin-top:0;margin-bottom:0}.contact-container .contact-right{justify-content:flex-start;width:100%;margin-top:0;padding-left:1.8rem}.contact-container .contact-right .contact-content .box{padding:5rem 2rem}.contact-container .contact-right .contact-content .box .heading .header{width:100%;font-size:2.3rem}.contact-container .contact-right .contact-content .box .heading .sub-header{width:90%;font-size:1.3rem}}@media (width<=600px){.contact-container{min-height:unset;padding-top:3rem}.contact-container .contact-left{width:80%;margin-top:0;margin-bottom:0}.contact-container .contact-right{justify-content:flex-start;width:100%;margin-top:0;padding-left:1.8rem}.contact-container .contact-right .contact-content .box{padding:5rem 2rem}.contact-container .contact-right .contact-content .box .heading .header{width:100%;font-size:2rem}.contact-container .contact-right .contact-content .box .heading .sub-header{width:100%;font-size:1.3rem}.contact-container .contact-right .contact-content .box .buttons{flex-direction:column;gap:2rem;display:flex}}@media (width<=480px){.contact-container{gap:3rem;padding-top:3rem}.contact-container .contact-left{width:100%;margin-top:0;margin-bottom:0}.contact-container .contact-right{padding-left:1rem}.contact-container .contact-right .contact-content .box{padding:5rem 1.5rem}.contact-container .contact-right .contact-content .box .heading .header{width:100%;font-size:1.9rem}.contact-container .contact-right .contact-content .box .heading .sub-header{width:100%;font-size:1.2rem}}@media (width<=360px){.contact-container{padding-top:3rem}.contact-container .contact-left{width:100%;margin-top:0;margin-bottom:0}.contact-container .contact-right{padding-left:.5rem}}.shooting-stars{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.shooting-star{--star-size:2px;--tail-length:55px;--travel-distance:900px;--angle:45deg;width:var(--star-size);height:var(--star-size);background:var(--starColor);box-shadow:0 0 3px var(--starColor);will-change:transform, opacity;opacity:0;border-radius:999px;animation:linear infinite shooting-star;position:absolute}.shooting-star:before{content:"";width:var(--tail-length);background:linear-gradient(to left, var(--starColor), transparent);opacity:.6;border-radius:999px;height:1px;position:absolute;top:50%;right:50%;transform:translateY(-50%)}@keyframes shooting-star{0%{opacity:0;transform:rotate(var(--angle)) translateX(0)}15%{opacity:.8}80%{opacity:.8}to{opacity:0;transform:rotate(var(--angle)) translateX(var(--travel-distance))}}.experience-container{z-index:10;min-height:100vh;display:flex;position:relative}.experience-container .experience-content{width:100%;margin-top:3rem;margin-bottom:6rem;padding-left:3.6rem}.experience-container .timeline{flex-direction:column;gap:5rem;margin-top:3rem;margin-left:11rem;display:flex}.experience-container .timeline .timeline-item{align-items:flex-start;gap:3rem;display:flex}.experience-container .timeline .timeline-item .timeline-left{flex-direction:column;align-items:center;display:flex;position:relative}.experience-container .timeline .timeline-item .timeline-left .timeline-dot{background:var(--primaryTextColor);z-index:2;border-radius:1px;width:1rem;height:1rem;margin-top:1rem;transition:transform .3s;transform:rotate(135deg)}.experience-container .timeline .timeline-item .timeline-left .timeline-line{background:color-mix(in srgb, var(--primaryTextColor) 30%, transparent);width:2px;height:calc(100% + 10rem);transition:top .24s;position:absolute;top:55px}.experience-container .timeline .timeline-item:hover .timeline-dot{transform:rotate(45deg)}.experience-container .timeline .timeline-item:hover .timeline-line{top:50px}.experience-container .timeline .timeline-item .timeline-card{flex-direction:column;padding-top:.4rem;display:flex}.experience-container .timeline .timeline-item .timeline-card .company-name{color:var(--companyNameColor);letter-spacing:.01rem;margin-top:1.3rem;font-size:1.7rem;font-weight:500}.experience-container .timeline .timeline-item .timeline-card .role{color:var(--primaryTextColor);letter-spacing:.08rem;margin-top:.5rem;padding-left:3rem;font-size:1.15rem;font-weight:600;position:relative}.experience-container .timeline .timeline-item .timeline-card .role:before{content:"";background:var(--primaryTextColor);width:2rem;height:2px;position:absolute;top:50%;left:0}.experience-container .timeline .timeline-item .timeline-card ul{flex-direction:column;gap:.6rem;margin-top:1rem;margin-left:1rem;display:flex}.experience-container .timeline .timeline-item .timeline-card ul li{color:var(--descriptionColor);letter-spacing:.02rem;max-width:900px;font-size:1.07rem;line-height:1.7rem;list-style:outside}@media (width<=1024px){.experience-container .experience-content{margin-bottom:3rem;padding-left:3.6rem}.experience-container .timeline{gap:4rem;margin-top:3rem;margin-left:1rem}.experience-container .timeline .timeline-item{gap:2.6rem}.experience-container .timeline .timeline-item .timeline-left .timeline-line{height:calc(100% + 11rem)}.experience-container .timeline .timeline-item .timeline-card .company-name{font-size:1.6rem}.experience-container .timeline .timeline-item .timeline-card .role{font-size:1.1rem}.experience-container .timeline .timeline-item .timeline-card ul li{max-width:100%}.experience-container .blur-container{display:none}}@media (width<=767px){.experience-container .experience-content{padding-left:1.8rem}.experience-container .timeline{gap:4rem;margin-top:3rem;margin-left:1rem}.experience-container .timeline .timeline-item{gap:2.6rem}.experience-container .timeline .timeline-item .timeline-left .timeline-dot{width:.9rem;height:.9rem}.experience-container .timeline .timeline-item .timeline-left .timeline-line{height:calc(100% + 12rem)}.experience-container .timeline .timeline-item .timeline-card .company-name{font-size:1.6rem}.experience-container .timeline .timeline-item .timeline-card .role{font-size:1.1rem}}@media (width<=600px){.experience-container .experience-content{padding-left:1.8rem}.experience-container .timeline{gap:4rem;margin-top:3rem;margin-left:.3rem}.experience-container .timeline .timeline-item{gap:2.6rem}.experience-container .timeline .timeline-item .timeline-left .timeline-dot{width:.8rem;height:.8rem}.experience-container .timeline .timeline-item .timeline-left .timeline-line{height:calc(100% + 13rem)}.experience-container .timeline .timeline-item .timeline-card .company-name{font-size:1.5rem}.experience-container .timeline .timeline-item .timeline-card .role{font-size:1rem}.experience-container .timeline .timeline-item .timeline-card ul li{font-size:1.05rem}}@media (width<=480px){.experience-container .experience-content{padding-left:1rem}.experience-container .timeline{margin-top:2.6rem;margin-left:0}.experience-container .timeline .timeline-item{gap:1.6rem}.experience-container .timeline .timeline-item .timeline-left .timeline-dot{width:.65rem;height:.65rem}.experience-container .timeline .timeline-item .timeline-left .timeline-line{height:calc(100% + 13rem)}.experience-container .timeline .timeline-item .timeline-card .company-name{font-size:1.36rem}.experience-container .timeline .timeline-item .timeline-card .role{font-size:1rem}.experience-container .timeline .timeline-item .timeline-card ul li{font-size:1rem;line-height:1.4}}@media (width<=360px){.experience-container .experience-content{padding-left:.5rem}.experience-container .timeline{margin-top:2.4rem;margin-left:0}.experience-container .timeline .timeline-item{gap:1rem}.experience-container .timeline .timeline-item .timeline-left .timeline-dot{width:.55rem;height:.55rem}.experience-container .timeline .timeline-item .timeline-left .timeline-line{height:calc(100% + 13rem)}.experience-container .timeline .timeline-item .timeline-card .company-name{font-size:1.2rem}.experience-container .timeline .timeline-item .timeline-card .role{font-size:.9rem}.experience-container .timeline .timeline-item .timeline-card ul li{font-size:.88rem}}.custom-chips{background:color-mix(in srgb, var(--primaryTextColor) 14%, transparent);border:1px solid var(--primaryBorderColor);color:var(--primaryTextColor);z-index:3;border-radius:.5rem;width:max-content;padding:.5rem 1rem;font-size:.88rem;font-weight:600}@media (width<=480px){.custom-chips{padding:.4rem .8rem;font-size:.79rem}}@media (width<=360px){.custom-chips{padding:.4rem .8rem;font-size:.79rem}}.projects-container{z-index:10;min-height:100vh;position:relative}.projects-container .header{margin-top:3rem}.projects-container .projects-content{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.projects-container .project-list{flex-direction:column;justify-content:center;align-items:center;width:88%;min-height:55vh;display:flex;position:relative}.projects-container .project-list .tinder-card{justify-content:center;align-items:center;width:100%;display:flex;position:absolute}.projects-container .project-list .tinder-card .card-content-wrapper{justify-content:center;width:100%;display:flex}.projects-container .swipe-buttons{z-index:20;gap:1.5rem;display:flex}@media (width<=1024px){.projects-container .header{margin-bottom:2.5rem;padding-left:3.6rem}.projects-container .project-list{width:90%;min-height:720px}.projects-container .swipe-buttons{margin-top:2rem}}@media (width<=767px){.projects-container .header{margin-bottom:2.5rem;padding-left:1.8rem}.projects-container .project-list{width:95%;min-height:680px}.projects-container .swipe-buttons{margin-top:2rem}}@media (width<=600px){.projects-container .header{margin-bottom:2.5rem;padding-left:1.8rem}.projects-container .project-list{width:95%;min-height:620px}.projects-container .swipe-buttons{margin-top:2rem}}@media (width<=480px){.projects-container .header{margin-bottom:2.5rem;padding-left:1rem}.projects-container .project-list{width:95%;min-height:580px}.projects-container .swipe-buttons{margin-top:1.5rem}.projects-container .swipe-buttons .prev-btn,.projects-container .swipe-buttons .restore-btn,.projects-container .swipe-buttons .next-btn{padding:.5rem}}@media (width<=360px){.projects-container .header{margin-bottom:2.5rem;padding-left:.5rem}.projects-container .project-list{width:95%;min-height:550px}.projects-container .swipe-buttons{margin-top:1.5rem}}@media (height<=800px) and (width<=1300px){.projects-container .project-list{min-height:550px}.projects-container .swipe-buttons{margin-top:2rem}}@media (height<=700px) and (width<=767px){.projects-container .project-list{min-height:510px}.projects-container .swipe-buttons{margin-top:2rem}}@media (height<=700px) and (width<=480px){.projects-container .project-list{min-height:500px}.projects-container .swipe-buttons{margin-top:2rem}}@media (height<=700px) and (width<=360px){.projects-container .project-list{min-height:500px}.projects-container .swipe-buttons{margin-top:2rem}}.project-card{background-color:var(--primaryBg);border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;width:80%;display:flex;position:relative;overflow:hidden}.project-card .container{justify-content:space-between;padding:4rem 2rem 4rem 3rem;display:flex}.project-card .container .left{flex-direction:column;flex:1.3;display:flex}.project-card .container .left .title{color:var(--titleColor);font-size:1.8rem;font-weight:600}.project-card .container .left .description{color:var(--descColor);letter-spacing:.02rem;width:90%;margin-top:1.5rem;font-size:1.2rem;font-weight:400;line-height:1.7rem}.project-card .container .left .links{align-items:center;gap:1rem;margin-top:1rem;display:flex}.project-card .container .left .links .github-icon,.project-card .container .left .links .demo-icon{color:var(--iconsColor);transition:color .24s ease-in-out,transform .24s ease-in-out}.project-card .container .left .links .github-icon:hover,.project-card .container .left .links .demo-icon:hover{color:var(--titleColor);transform:scale(1.2)}.project-card .container .left .chips-wrapper{align-items:center;gap:1rem;margin-top:2rem;display:flex}.project-card .container .right{flex:1;height:100%}.project-card .container .right .img-wrapper{border-radius:0;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.project-card .container .right .img-wrapper img{box-shadow:var(--imgBoxShadow);object-fit:cover;border-radius:1rem;width:90%;height:100%;padding:.6rem;transition:all .5s;display:block}@media (width<=1024px){.project-card{width:95%;height:auto}.project-card .container{flex-direction:column-reverse;gap:2rem;height:auto;padding:2rem 2.5rem}.project-card .container .left{flex:unset;width:100%;height:auto}.project-card .container .left .description{width:100%;min-height:auto}.project-card .container .left .chips-wrapper{flex-wrap:wrap}.project-card .container .right{flex:unset;width:100%;height:auto}.project-card .container .right .img-wrapper{justify-content:center;align-items:center;width:100%;height:280px;display:flex}.project-card .container .right .img-wrapper img{object-fit:contain;object-position:center;width:100%;height:100%}}@media (width<=767px){.project-card{width:95%}.project-card .container{padding:2.5rem 2rem}.project-card .container .left .links .github-icon:hover,.project-card .container .left .links .demo-icon:hover{color:var(--iconsColor);transform:scale(1)}.project-card .container .left .title{font-size:1.6rem}.project-card .container .left .description{margin-top:1rem;font-size:1.15rem}.project-card .container .right .img-wrapper{height:270px}}@media (width<=600px){.project-card{width:95%}.project-card .container{gap:1.6rem;padding:1.6rem 1.8rem 2rem}.project-card .container .left .links{margin-top:.5rem}.project-card .container .left .links .github-icon:hover,.project-card .container .left .links .demo-icon:hover{color:var(--iconsColor);transform:scale(1)}.project-card .container .left .chips-wrapper{margin-top:1rem}.project-card .container .left .title{font-size:1.5rem}.project-card .container .left .description{font-size:1.1rem}.project-card .container .right .img-wrapper{height:200px}}@media (width<=480px){.project-card{width:98%}.project-card .container{gap:1rem;padding:1.5rem 1.2rem 1.8rem}.project-card .container .left .title{font-size:1.36rem}.project-card .container .left .description{margin-top:.5rem;font-size:.8rem;line-height:1.3rem}.project-card .container .left .chips-wrapper{gap:.7rem}.project-card .container .right .img-wrapper{height:150px}}@media (width<=360px){.project-card{width:98%}.project-card .container{gap:1.5rem;padding:1.3rem 1rem}.project-card .container .left .title{font-size:1.2rem}.project-card .container .left .description{font-size:.9rem}.project-card .container .right .img-wrapper{height:120px}}.skills-container{z-index:10;min-height:100vh;display:flex;position:relative}.skills-container .skills-content{width:100%;margin-top:3rem;margin-bottom:6rem;padding-left:3.6rem}.skills-container .skills-content .content-playground{justify-content:center;width:100%;height:550px;margin-top:2rem;display:flex}.skills-container .skills-content .content-marquee{flex-direction:column;gap:4rem;margin-top:3rem;display:flex}@media (width<=1024px){.skills-container .skills-content{margin-bottom:3rem;padding-left:3.6rem}.skills-container .skills-content .content-playground{justify-content:flex-start;width:100%;height:650px;margin-top:2rem;display:flex}}@media (width<=767px){.skills-container .skills-content{padding-left:1.8rem}}@media (width<=600px){.skills-container .skills-content{padding-left:1.8rem}}@media (width<=480px){.skills-container .skills-content{padding-left:1rem}}@media (width<=360px){.skills-container .skills-content{padding-left:1rem}}.skills-playground-wrapper{width:90%;height:550px;box-shadow:var(--skillContainerBoxShadow);border-radius:1rem;position:relative;overflow:hidden}.skills-playground-wrapper .skills-playground-particles{opacity:.4;z-index:3;width:100%;height:100%}.skills-playground-wrapper .elastic-svg{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;top:0%;left:0}.skills-playground-wrapper .elastic-svg .elastic-line{stroke:var(--slingshotThreadColor);stroke-width:3.5px;stroke-linecap:round;fill:none}.skills-playground-wrapper .stone{z-index:6;pointer-events:none;will-change:transform;filter:drop-shadow(3.2px .1px 6px #767783);background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;justify-content:center;align-items:center;width:3.6rem;height:3.6rem;display:flex;position:absolute;top:0;left:0}.skills-playground-wrapper .reset-btn{z-index:9999;cursor:pointer;pointer-events:auto;background:color-mix(in srgb, var(--primaryTextColor) 14%, transparent);border:1px solid var(--primaryBorderColor);color:var(--primaryTextColor);z-index:6;background:0 0;border-radius:.5rem;width:max-content;padding:.5rem 1rem;font-size:.88rem;font-weight:600;transition:all .2s;position:absolute;top:4%;left:4%;transform:translate(-50%)}.skills-playground-wrapper .guide-cloud-wrapper{z-index:1;pointer-events:none;filter:var(--cloudDropShadow);animation:6s ease-in-out infinite floatCloud;position:absolute;top:24%;left:4%}.skills-playground-wrapper .guide-cloud-wrapper .guide-cloud{background:var(--cloudColor);border-radius:60px;justify-content:center;align-items:center;width:280px;height:90px;display:flex;position:relative}.skills-playground-wrapper .guide-cloud-wrapper .guide-cloud:before{content:"";background:var(--cloudColor);border-radius:50%;width:80px;height:80px;position:absolute;top:-30px;left:45px}.skills-playground-wrapper .guide-cloud-wrapper .guide-cloud:after{content:"";background:var(--cloudColor);border-radius:50%;width:100px;height:100px;position:absolute;top:-50px;right:45px}.skills-playground-wrapper .guide-cloud-wrapper .guide-cloud .guide-text-content{z-index:1;color:var(--guideTextColor);text-align:center;letter-spacing:.5px;font-size:.9rem;font-weight:600;line-height:1.5rem;position:relative}@keyframes floatCloud{0%{transform:translate(0)}25%{transform:translate(20px,-10px)}50%{transform:translate(5px,-20px)}75%{transform:translate(-15px,-8px)}to{transform:translate(0)}}.skills-playground-wrapper .structure-prop{z-index:5;pointer-events:none;will-change:transform;color:#fff;letter-spacing:1px;text-transform:uppercase;border-radius:4px;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex;position:absolute;top:0;left:0;box-shadow:2px 2px 5px #0000004d}.skills-playground-wrapper .prop-wood{z-index:9;background:repeating-linear-gradient(10deg,#8b5a2b,#8b5a2b 10px,#a06a38 10px 20px);border:1px solid #5c3a21;font-size:1rem}.skills-playground-wrapper .piggy-prop{z-index:5;pointer-events:none;will-change:transform;filter:drop-shadow(2px 4px 6px #0000004d);background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;position:absolute;top:0;left:0}.skills-playground-wrapper .balloon-burst{pointer-events:none;z-index:5;background:radial-gradient(circle,#ffffffe6 0%,#ff4d4d00 70%);border-radius:50%;width:60px;height:60px;animation:.3s ease-out forwards blast;position:absolute}.skills-playground-wrapper .balloon-prop{background:var(--balloonColor);pointer-events:none;z-index:4;border-radius:50%/40% 40% 60% 60%;width:50px;height:60px;position:absolute;transform:translate(-50%,-100%);box-shadow:inset -2px -5px 20px #0000004d}.skills-playground-wrapper .balloon-prop.popped{background:var(--balloonColor);clip-path:polygon(25% 0%,75% 15%,100% 40%,65% 55%,90% 80%,45% 100%,15% 85%,35% 60%,0% 45%,15% 20%);border-radius:1rem;width:25px;height:70px;animation:1.2s cubic-bezier(.55,.085,.68,.53) forwards fallDown;box-shadow:inset 2px 4px 6px #0006}.skills-playground-wrapper .balloon-prop.popped:before,.skills-playground-wrapper .balloon-prop.popped:after{display:none}.skills-playground-wrapper .balloon-prop:before{content:"";filter:blur(3px);background:#ffffff59;border-radius:50%;width:14px;height:24px;position:absolute;top:12px;left:10px;transform:rotate(25deg)}.skills-playground-wrapper .balloon-prop:after{content:"";background:var(--balloonColor);width:4px;height:6px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.skills-playground-wrapper .balloon-rope{background:var(--slingshotThreadColor);transform-origin:0;pointer-events:none;z-index:2;height:2px;position:absolute;top:0;left:0}@keyframes blast{0%{opacity:1;transform:translate(-50%,-100%)scale(.5)}to{opacity:0;transform:translate(-50%,-100%)scale(2.5)}}@keyframes fallDown{0%{transform:translate(-50%,-100%)scale(1)rotate(0)}15%{transform:translate(-50%,-130%)scale(.8)rotate(45deg)}to{opacity:0;transform:translate(-50%,450px)scale(.6)rotate(360deg)}}[data-theme=dark] .skills-playground-wrapper .skills-playground-particles{opacity:.2}[data-theme=dark] .skills-playground-wrapper .stone,[data-theme=dark] .skills-playground-wrapper .piggy-prop{filter:drop-shadow(3.2px .05px 10px #22d3ee59)}@media (width<=1024px){.skills-playground-wrapper{width:97%;height:650px}.skills-playground-wrapper .reset-btn{left:50%}}.skill-block{background:var(--blocksBgColor);border:1px solid var(--blocksBorderColor);width:90px;height:75px;box-shadow:var(--blocksShadow);cursor:grab;-webkit-user-select:none;user-select:none;pointer-events:auto;z-index:7;transform-origin:50%;will-change:transform;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;padding:2rem 0;transition:background .27s ease-in-out;display:flex;position:absolute;top:0;left:0}.skill-block .skill-icon-wrapper{background:var(--blocksImgBgColor);box-shadow:var(--blocksImgShadow);border:1px solid var(--borderColor);border-radius:50%;justify-content:center;align-items:center;padding:.3rem;display:flex}.skill-block .skill-icon-wrapper .skill-icon{width:2rem;height:2rem}.skill-block .skill-title{color:#fff;font-size:.85rem;font-weight:600}.skill-block:active,.skill-block.is-dragging{cursor:grabbing;background:var(--blocksDragColor)}.skill-block:active .skill-icon-wrapper,.skill-block.is-dragging .skill-icon-wrapper{background:var(--blocksDragImgColor)}@media (width<=1024px){.skill-block{height:60px;padding:1.2rem 0}.skill-block .skill-icon-wrapper .skill-icon{width:2rem;height:2rem}.skill-block .skill-title{display:none}}@media (width<=768px){.skill-block .skill-icon-wrapper .skill-icon{width:1.8rem;height:1.8rem}.skill-block .skill-title{font-size:.77rem}}@media (width<=500px){.skill-block{cursor:default;gap:1.5rem;width:130px;height:160px;padding:1rem 0;position:relative;top:auto;left:auto;transform:none}.skill-block .skill-icon-wrapper .skill-icon{width:4rem;height:4rem}.skill-block .skill-title{color:#fff;font-size:1.1rem;font-weight:600;display:block}}.skills-marquee-list{gap:2rem;display:flex;position:relative}.skills-marquee-list .skill-block:first-of-type{margin-left:2rem}.fishing-person{z-index:10;cursor:pointer;width:15rem;height:15rem;position:absolute;bottom:.7%;left:40%}.fishing-person .joke-bubble{background:var(--fishBgColor);color:var(--fishTextColor);border:1px solid var(--fishBorderColor);letter-spacing:.04rem;white-space:nowrap;opacity:0;pointer-events:none;z-index:20;border-radius:.6rem;padding:.6rem .8rem;font-size:.95rem;font-weight:600;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:-10px;left:50%;transform:translate(-50%)scale(.8);box-shadow:0 8px 24px #00000026}.fishing-person .joke-bubble:after{content:"";border-style:solid;border-width:6px 6px 0;border-color:var(--fishBorderColor) transparent transparent transparent;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.fishing-person .joke-bubble.show{opacity:1;top:-21px;transform:translate(-50%)scale(1)}[data-theme=dark] .fishing-person>.lottie-fishing{filter:invert()hue-rotate(110deg)brightness(.8)}@media (width<=1024px){.fishing-person{bottom:.8%;left:34%}.fishing-person .joke-bubble{font-size:.85rem}}@media (width<=767px){.fishing-person{bottom:.8%;left:28%}}@media (width<=600px){.fishing-person{width:12rem;height:12rem;bottom:1.3%;left:21%}.fishing-person .joke-bubble{font-size:.8rem;left:70%}}@media (width<=480px){.fishing-person{width:10rem;height:10rem;bottom:1.2%;left:15%}.fishing-person .joke-bubble{white-space:normal;text-align:center;width:max-content;min-width:200px;max-width:260px;font-size:.75rem;top:auto;bottom:85%;left:75%}.fishing-person .joke-bubble.show{top:auto;bottom:92%;transform:translate(-50%)scale(1)}}@media (width<=360px){.fishing-person{bottom:1.2%;left:11%}.fishing-person .joke-bubble{white-space:normal;text-align:center;width:max-content;min-width:100px;max-width:180px;font-size:.7rem;top:auto;bottom:85%;left:60%}.fishing-person .joke-bubble.show{top:auto;bottom:92%;transform:translate(-50%)scale(1)}}.ai-chat-container{padding:0 8rem}.ai-chat-container .chat-collapsed{border:1px solid var(--chatBorderColor);border-radius:2rem;transition:border .23s ease-in-out}.ai-chat-container .chat-collapsed .wrapper{cursor:pointer;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.ai-chat-container .chat-collapsed .wrapper .chat-icon{color:var(--chatPrimaryLight);transition:all .24s ease-in-out}.ai-chat-container .chat-collapsed .wrapper .desc-text{letter-spacing:.03rem;color:var(--primaryGrayColor);font-size:.98rem;font-weight:400}.ai-chat-container .chat-collapsed .wrapper .tag{border-radius:1rem;padding:.4rem .9rem;font-size:.85rem;font-weight:600}.ai-chat-container .chat-collapsed:hover{border:1px solid var(--primaryTextColor)}.ai-chat-container .chat-collapsed:hover .chat-icon{color:var(--primaryTextColor)}.ai-chat-container .chat-collapsed:hover .desc-text{font-size:1rem;transition:all .24s ease-in-out}.ai-chat-container .chat-expanded{border:1px solid var(--chatBorderColor);box-shadow:var(--chatBoxShadow);border-radius:1rem;transition:border .23s ease-in-out}.ai-chat-container .chat-expanded .wrapper{flex-direction:column;display:flex}.ai-chat-container .chat-expanded .wrapper .heading{background-color:var(--chatHeaderBg);border-bottom:1px solid var(--chatBorderColor);border-radius:1rem 1rem 0 0;justify-content:space-between;align-items:center;padding:1rem 1.2rem;display:flex}@media (width<=767px){.ai-chat-container .chat-expanded .wrapper .heading{padding:.8rem 1rem}}.ai-chat-container .chat-expanded .wrapper .heading .left{align-items:center;gap:.6rem;display:flex}.ai-chat-container .chat-expanded .wrapper .heading .left .title{color:var(--secondaryTextColor);letter-spacing:.03rem;font-size:1rem;font-weight:500}@media (width<=767px){.ai-chat-container .chat-expanded .wrapper .heading .left .title{font-size:.9rem}}.ai-chat-container .chat-expanded .wrapper .heading .left .subtitle{color:var(--primaryGrayColor);letter-spacing:.02rem;font-size:.89rem;font-weight:400}@media (width<=767px){.ai-chat-container .chat-expanded .wrapper .heading .left .subtitle{font-size:.79rem}}.ai-chat-container .chat-expanded .wrapper .heading .left .chat-icon{background:color-mix(in srgb, var(--primaryTextColor) 14%, transparent);border-radius:50%;justify-content:center;align-items:center;padding:.5rem;display:flex}.ai-chat-container .chat-expanded .wrapper .heading .left .chat-icon .icon{color:var(--primaryTextColor);margin-bottom:.1rem}.ai-chat-container .chat-expanded .wrapper .heading .right{cursor:pointer;background:color-mix(in srgb, var(--primaryTextColor) 14%, transparent);border-radius:.6rem;padding:.5rem .65rem}.ai-chat-container .chat-expanded .wrapper .heading .right .collapse-icon{color:var(--primaryTextColor);transition:all .24s ease-in-out}.ai-chat-container .chat-expanded .wrapper .heading .right:hover .collapse-icon{transform:scale(1.15)}@media (width<=767px){.ai-chat-container .chat-expanded .wrapper .heading .right:hover .collapse-icon{transform:scale(1)}}.ai-chat-container .chat-expanded .wrapper .messages{justify-content:center;min-height:23rem;padding-right:1rem;display:flex}@media (width<=767px){.ai-chat-container .chat-expanded .wrapper .messages{padding-right:.3rem}}.ai-chat-container .chat-expanded .wrapper .messages .no-messages{flex-direction:column;align-items:center;padding:2.4rem 1.2rem 1rem;display:flex}.ai-chat-container .chat-expanded .wrapper .messages .no-messages .chat-icon{border:none;border-radius:50%;padding:.5rem .7rem;font-size:.85rem}.ai-chat-container .chat-expanded .wrapper .messages .no-messages .description{text-align:center;flex-direction:column;gap:.3rem;padding-top:1.1rem;display:flex}.ai-chat-container .chat-expanded .wrapper .messages .no-messages .description :first-child{letter-spacing:.02rem;color:var(--secondaryTextColor);font-size:1.1rem;font-weight:500}.ai-chat-container .chat-expanded .wrapper .messages .no-messages .description :nth-child(2){letter-spacing:.01rem;color:var(--primaryGrayColor);font-size:.95rem;font-weight:400}.ai-chat-container .chat-expanded .wrapper .messages .no-messages .pre-defined-ques{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;padding-top:2rem;display:flex}.ai-chat-container .chat-expanded .wrapper .messages .no-messages .pre-defined-ques .question{letter-spacing:.02rem;cursor:pointer;border-radius:2rem;padding:.6rem 1rem;font-size:.88rem;font-weight:500;transition:all .24s ease-in-out}@media (width<=767px){.ai-chat-container .chat-expanded .wrapper .messages .no-messages .pre-defined-ques .question{font-size:.78rem}}.ai-chat-container .chat-expanded .wrapper .messages .no-messages .pre-defined-ques .question:hover{transform:scale(1.036)}.ai-chat-container .chat-expanded .wrapper .messages .messages-list{box-sizing:border-box;flex-direction:column;gap:1.8rem;width:100%;max-height:30rem;padding:1rem 1.2rem;display:flex;overflow-y:auto}@media (width<=767px){.ai-chat-container .chat-expanded .wrapper .messages .messages-list{padding:1rem .7rem}}.ai-chat-container .chat-expanded .wrapper .messages .messages-list::-webkit-scrollbar{width:7px}.ai-chat-container .chat-expanded .wrapper .messages .messages-list::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--primaryTextColor) 20%, transparent);border-radius:4px}.ai-chat-container .chat-expanded .wrapper .messages .messages-list::-webkit-scrollbar-track{background:0 0}.ai-chat-container .chat-expanded .wrapper .messages .messages-list .message-item{align-items:flex-start;gap:.75rem;width:100%;display:flex}.ai-chat-container .chat-expanded .wrapper .messages .messages-list .message-item .avatar{background:color-mix(in srgb, var(--primaryTextColor) 12%, transparent);border:1px solid var(--chatBorderColor);border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;margin-top:.3rem;display:flex}@media (width<=767px){.ai-chat-container .chat-expanded .wrapper .messages .messages-list .message-item .avatar{width:1.7rem;height:1.7rem}}.ai-chat-container .chat-expanded .wrapper .messages .messages-list .message-item .avatar .icon{color:var(--primaryTextColor)}.ai-chat-container .chat-expanded .wrapper .messages .messages-list .message-item.user{justify-content:flex-end}.ai-chat-container .chat-expanded .wrapper .messages .messages-list .message-item.user .bubble{background:color-mix(in srgb, var(--primaryTextColor) 14%, transparent);color:var(--secondaryTextColor);border:1px solid var(--chatBorderColor);border-radius:1.2rem .2rem 1.2rem 1.2rem}.ai-chat-container .chat-expanded .wrapper .messages .messages-list .message-item.user .bubble p{margin:0;font-size:.95rem;line-height:1.5}@media (width<=767px){.ai-chat-container .chat-expanded .wrapper .messages .messages-list .message-item.user .bubble p{font-size:.85rem}}.ai-chat-container .chat-expanded .wrapper .messages .messages-list .message-item.assistant{justify-content:flex-start}.ai-chat-container .chat-expanded .wrapper .messages .messages-list .message-item.assistant .bubble{background:var(--chatHeaderBg);color:var(--secondaryTextColor);border:1px solid var(--chatBorderColor);border-radius:.2rem 1.2rem 1.2rem}.ai-chat-container .chat-expanded .wrapper .messages .messages-list .message-item.assistant .bubble p{margin:.3rem 0 0;font-size:.95rem;line-height:1.6}@media (width<=767px){.ai-chat-container .chat-expanded .wrapper .messages .messages-list .message-item.assistant .bubble p{font-size:.85rem}}.ai-chat-container .chat-expanded .wrapper .messages .messages-list .message-item.assistant .bubble p:last-child{margin-bottom:0}.ai-chat-container .chat-expanded .wrapper .messages .messages-list .message-item.assistant .bubble strong{color:var(--primaryTextColor);letter-spacing:.03rem;margin-top:1rem;font-weight:600;display:block}.ai-chat-container .chat-expanded .wrapper .messages .messages-list .message-item.assistant .bubble ul,.ai-chat-container .chat-expanded .wrapper .messages .messages-list .message-item.assistant .bubble ol{margin:0;padding-left:1.2rem;list-style:outside}.ai-chat-container .chat-expanded .wrapper .messages .messages-list .message-item.assistant .bubble li{margin-bottom:.4rem;font-size:.93rem;line-height:1.5}.ai-chat-container .chat-expanded .wrapper .messages .messages-list .message-item.assistant .bubble li strong{margin:0;display:inline}.ai-chat-container .chat-expanded .wrapper .messages .messages-list .message-item.assistant .bubble table{border-collapse:collapse;width:100%;margin:.8rem 0;font-size:.88rem}.ai-chat-container .chat-expanded .wrapper .messages .messages-list .message-item.assistant .bubble table th,.ai-chat-container .chat-expanded .wrapper .messages .messages-list .message-item.assistant .bubble table td{border:1px solid var(--chatBorderColor);text-align:left;padding:.36rem .65rem}@media (width<=767px){.ai-chat-container .chat-expanded .wrapper .messages .messages-list .message-item.assistant .bubble table th,.ai-chat-container .chat-expanded .wrapper .messages .messages-list .message-item.assistant .bubble table td{padding:.2rem .35rem}}.ai-chat-container .chat-expanded .wrapper .messages .messages-list .message-item.assistant .bubble table th{background:color-mix(in srgb, var(--primaryTextColor) 8%, transparent)}.ai-chat-container .chat-expanded .wrapper .messages .messages-list .message-item .bubble{word-break:break-word;max-width:70%;padding:.5rem 1rem}@media (width<=767px){.ai-chat-container .chat-expanded .wrapper .messages .messages-list .message-item .bubble{padding:.4rem .7rem}}.ai-chat-container .chat-expanded .wrapper .input{background-color:var(--chatHeaderBg);border-top:1px solid var(--chatBorderColor);border-radius:0 0 1rem 1rem;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding:.7rem 1.2rem;display:flex}.ai-chat-container .chat-expanded .wrapper .input .input-box{border:1px solid var(--chatBorderColor);border-radius:.6rem;width:100%;height:100%;padding:.6rem}.ai-chat-container .chat-expanded .wrapper .input .input-box textarea{resize:none;width:100%;height:100%;color:var(--chatInputTextColor);font-size:1rem;font-weight:400}@media (width<=767px){.ai-chat-container .chat-expanded .wrapper .input .input-box textarea{font-size:.88rem}}.ai-chat-container .chat-expanded .wrapper .input .send-btn{background:color-mix(in srgb, var(--primaryTextColor) 14%, transparent);cursor:pointer;border-radius:.6rem;justify-content:center;align-items:center;padding:.8rem 1rem;display:flex}@media (width<=767px){.ai-chat-container .chat-expanded .wrapper .input .send-btn{padding:.5rem .8rem}}.ai-chat-container .chat-expanded .wrapper .input .send-btn .send{color:var(--primaryTextColor);margin-bottom:.2rem;margin-left:.1rem;transition:all .24s ease-in-out;transform:rotate(-30deg)}.ai-chat-container .chat-expanded .wrapper .input .send-btn:hover .send{transform:scale(1.1)}@media (width<=767px){.ai-chat-container .chat-expanded .wrapper .input .send-btn:hover .send{transform:scale(1)}}.ai-chat-container .chat-expanded .wrapper .input .disabled-btn{cursor:not-allowed;opacity:.5}.ai-chat-container .chat-expanded .wrapper .input .disabled-btn:hover .send{transform:rotate(-30deg)}@media (width<=1024px){.ai-chat-container{padding:0 3rem}}@media (width<=767px){.ai-chat-container{padding:0 1.5rem}}@media (width<=480px){.ai-chat-container{padding:0 .5rem}}.spinner{border:2px solid var(--primaryTextColor);border-top-color:#0000;border-radius:50%;width:1rem;height:1rem;animation:1s linear infinite rotate}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--lightPrimaryBg:#fff;--darkPrimaryBg:#0a0e17;--navbarBg:#ffffffb8;--navbarShadow:0 1.2rem 3.2rem #a4a4a41a;--primaryBg:#fff;--secondaryBg:#fff;--primaryTextColor:#e91e63;--primaryTextHoverColor:#c2185b;--primaryBorderColor:#e91e63;--secondaryTextColor:black;--primaryGrayColor:oklch(44.6% .043 257.281);--secondaryGrayColor:oklch(55.4% .046 257.417);--purpleCircularBlurColor:#c1f5ff;--tealCircularBlurColor:#c1f5ff;--buttonBg:#e91e63;--buttonHoverBg:#ee4b82;--buttonText:#fff;--buttonBorder:#e91e63;--buttonShadow:0 12px 20px -8px #e91e6359;--primaryMBg:#e91e63;--primaryMTextColor:#fff;--dividerColor:#ee4b82;--primaryFadedColor:#ee4b8184;--aboutMeTextColor:oklch(37.2% .044 257.287);--cursorColor:#e91e63;--scrollbarBg:oklch(98.4% .003 247.858);--scrollbarThumb:#e91e63;--scrollbarThumbHover:#c2185b;--preloaderBg:#e91e63;--preloaderTextColor:#fff;--titleColor:#e91e63;--descColor:oklch(44.6% .043 257.281);--iconsColor:oklch(27.9% .041 260.031);--imgBoxShadow:#00000005 0px 1px 3px 0px, #1b1f2326 0px 0px 0px 1px;--slingshotThreadColor:#e91e63;--skillContainerBoxShadow:#0000001a 0px 4px 12px;--blocksBgColor:#e91e63;--blocksBorderColor:transparent;--blocksDragColor:#c2185b;--blocksShadow:0 4px 15px #0009;--blocksLightBgColor:#ee4b82;--blocksImgBgColor:#fff;--blocksImgShadow:0 4px 15px #00000080;--blocksDragImgColor:#fff;--balloonColor:#d11a4b;--guideTextColor:#d11a4b;--cloudColor:#fff;--cloudDropShadow:drop-shadow(3px 5px 8px #0000001f);--companyNameColor:oklch(37.2% .044 257.287);--descriptionColor:oklch(44.6% .043 257.281);--contactHeader:oklch(37.2% .044 257.287);--contactSubHeader:oklch(44.6% .043 257.281);--contactGithubColor:#0a0e17;--starColor:#e91e63;--starGlowColor:#c2185b;--starOuterGlowColor:#e91e63;--fishBgColor:#fff;--fishTextColor:oklch(37.2% .044 257.287);--fishBorderColor:#fff;--footerBg:#e91e63;--footerTextColor:#fff;--footerBorderColor:#e91e63;--boxShadow:0 10px 25px #0003;--borderColor:transparent;--contactBorderColor:transparent;--chatHeaderBg:transparent;--chatBoxShadow:#0000001a 0px 4px 12px;--chatBorderColor:#ee4b815e;--chatPrimaryLight:#ee4b81cb;--chatInputTextColor:black}[data-theme=dark]{--navbarBg:#0f1420c7;--navbarShadow:0 0 30px #2dd4bf14;--primaryBg:#0a0e17;--secondaryBg:#0f1420;--primaryTextColor:oklch(77.7% .152 181.912);--primaryTextHoverColor:oklch(64% .15 180.12);--primaryBorderColor:oklch(45% .11 179.23);--secondaryTextColor:#eae5ec;--primaryGrayColor:oklch(70.4% .04 256.788);--secondaryGrayColor:oklch(55.4% .046 257.417);--purpleCircularBlurColor:#c1f5ff;--tealCircularBlurColor:#c1f5ff;--buttonBg:color-mix(in srgb, var(--primaryTextColor) 10%, transparent);--buttonHoverBg:color-mix(in srgb, var(--primaryTextColor) 16%, transparent);--buttonText:oklch(77.7% .152 181.912);--buttonBorder:oklch(45% .11 179.23);--buttonShadow:none;--primaryMBg:#080c14;--primaryMTextColor:oklch(77.7% .152 181.912);--dividerColor:oklch(64% .15 180.12);--primaryFadedColor:#2be0c52c;--aboutMeTextColor:oklch(70.4% .04 256.788);--cursorColor:oklch(77.7% .152 181.912);--scrollbarBg:#0a0e17;--scrollbarThumb:oklch(77.7% .152 181.912);--scrollbarThumbHover:oklch(64% .15 180.12);--preloaderBg:#080c14;--preloaderTextColor:oklch(77.7% .152 181.912);--titleColor:oklch(77.7% .152 181.912);--descColor:oklch(86.9% .022 252.894);--iconsColor:oklch(92.9% .013 255.508);--imgBoxShadow:#31bec01a 0px 1px 3px 0px, #31bec01a 0px 0px 0px 1px;--slingshotThreadColor:oklch(77.7% .152 181.912);--skillContainerBoxShadow:oklch(77.7% .152 181.912/.12) 0px 4px 12px;--blocksBgColor:color-mix(in srgb, var(--primaryTextColor) 10%, transparent);--blocksBorderColor:oklch(45% .11 179.23);--blocksDragColor:oklch(45.113% .08124 178.589);--blocksShadow:0 4px 15px #0009;--blocksLightBgColor:#2be0c5;--blocksImgBgColor:transparent;--blocksImgShadow:0 4px 15px #00000080;--blocksDragImgColor:transparent;--balloonColor:oklch(45.113% .08124 178.589);--guideTextColor:#fff;--cloudColor:oklch(45.113% .08124 178.589);--cloudDropShadow:drop-shadow(3.2px .1px 10px #22d3ee59);--companyNameColor:oklch(70.4% .04 256.788);--descriptionColor:oklch(86.9% .022 252.894);--contactHeader:oklch(92.9% .013 255.508);--contactSubHeader:oklch(70.4% .04 256.788);--contactGithubColor:oklch(77.7% .152 181.912);--starColor:oklch(77.7% .152 181.912);--starGlowColor:oklch(64% .15 180.12);--starOuterGlowColor:oklch(45% .11 179.23);--fishBgColor:color-mix(in srgb, var(--primaryTextColor) 10%, transparent);--fishTextColor:oklch(77.7% .152 181.912);--fishBorderColor:oklch(45% .11 179.23);--footerBg:#0f1420;--footerTextColor:oklch(77.7% .152 181.912);--footerBorderColor:oklch(45% .11 179.23);--boxShadow:0 2px 25px #31bec01a;--borderColor:oklch(45% .11 179.23);--contactBorderColor:oklch(45% .11 179.23);--chatHeaderBg:#0f1420;--chatBoxShadow:none;--chatBorderColor:#2be0c52c;--chatPrimaryLight:#2be0c5b4;--chatInputTextColor:#fff}*,:before,:after{box-sizing:border-box;margin:0;padding:0}*{-webkit-tap-highlight-color:transparent;scrollbar-width:auto}html{scroll-behavior:smooth}button,input,textarea{background:0 0;border:none;outline:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}@font-face{font-family:Gumela;src:url(/assets/Gumela-B38S8N-H.ttf)format("truetype");font-weight:400;font-style:normal}body{background:var(--primaryBg);font-family:Gumela,sans-serif;transition:background .6s,color .6s}@media (width<=800px),(hover:none){.cursor,.cursor-inner,.cursor-outer{display:none!important}*{cursor:auto!important}}*{scroll-behavior:smooth;scrollbar-width:auto}::-webkit-scrollbar{width:11px}::-webkit-scrollbar-track{background:var(--scrollbarBg)}::-webkit-scrollbar-thumb{background:var(--scrollbarThumb);border:2px solid var(--scrollbarBg);border-radius:10px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:var(--scrollbarThumbHover)}.app-container{position:relative;overflow:hidden}.app-container .main-container{flex-direction:column;padding-top:6rem;display:flex}.app-container #home,.app-container #about,.app-container #projects,.app-container #skills,.app-container #experience,.app-container #contact,.app-container #ai-chat{width:min(95%,1600px);margin:0 auto}@media (width<=480px){.app-container #home,.app-container #about,.app-container #projects,.app-container #skills,.app-container #experience,.app-container #contact{margin-bottom:3rem;min-height:unset!important}}
