@import"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,100;9..40,300;9..40,400;9..40,500;9..40,600;9..40,700&family=Poppins:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,700;1,400&family=Kaushan+Script&family=Roboto:wght@400;500&display=swap";:root{--font-kaushan: "Kaushan Script", cursive}*{margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body,html{overflow-x:hidden;width:100%}body{background-color:#fff;color:#000;font-family:DM Sans,sans-serif}p{color:#555}a{color:#000;text-decoration:none;transition:all .3s ease}a:hover{color:gray;text-decoration:underline;text-underline-offset:1rem}:focus-visible{outline:2px solid #333;outline-offset:3px}section{padding-top:4vh;height:96vh;margin:0 10rem;box-sizing:border-box;min-height:fit-content;overflow-x:clip;overflow-y:visible}@media(min-width:1280px){section{margin:0 5%}}@media(max-width:1400px){section{margin:0 5%}}@media(min-width:1401px){section{margin:0 10%}}.section-text-p1{text-align:center;font-size:1.2rem;font-weight:500}.title{font-size:2.5rem;text-align:center;font-weight:600;color:#000}.section-text-p2,.section-text-p3{font-size:1.2rem;font-weight:500;color:#707070}.section-text-p2{margin:-.8rem 0 2rem}.section-text-p4{font-size:.9rem;font-weight:400;color:#969696}.name{font-size:5.8rem;font-weight:500;font-family:DM Sans,serif;background:linear-gradient(270deg,#222,#444 40%,#8e8c8c 80%,#222);background-size:400% 400%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:ash-gradient-move 10s ease-in-out infinite}@keyframes ash-gradient-move{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media screen and (max-width:600px){.title{font-size:2rem}.name{font-size:clamp(2.2rem,10.5vw,3rem)!important;white-space:normal;word-break:break-word;line-height:1.1}.section-text-p2{color:#434242}.section-text-p4{font-size:.8rem;color:#434242}}.btn,a{transition:all .3s ease}.btn{font-weight:500;transition:all .4s cubic-bezier(.4,0,.2,1);padding:1rem 1.5rem;width:auto;min-width:8.4rem;border-radius:100px;font-size:.95rem;letter-spacing:.3px;border:none;cursor:pointer;color:#000;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-align:center}.btn,.btn:hover,.btn:active,.btn:focus,.btn:visited{text-decoration:none!important}.btn,.btn2{position:relative;overflow:hidden}.btn-color-1,.btn-color-2{backdrop-filter:blur(20px) saturate(180%);backdrop-filter:url(#frosted);-webkit-backdrop-filter:url(#frosted);color:#000;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;border:0 solid transparent}.btn-color-1{background:#ffffff14;box-shadow:0 0 0 2px #fff9,0 16px 32px #0000001f;font-weight:500}.btn-color-1:before,.btn-color-2:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:100px;background:linear-gradient(135deg,hsla(0,0%,100%,.2),transparent);opacity:0;transition:opacity .4s ease;z-index:-1}.btn-color-1:hover{background:#ffffff1f;box-shadow:0 0 0 2px #fffc,0 20px 40px #0000002e}.btn-color-1:hover,.btn-color-2:hover{transform:translateY(-3px) scale(1.02);color:#000}.btn-color-1:hover:before,.btn-color-2:hover:before{opacity:1}.btn-color-1:active{transform:translateY(-1px) scale(1);box-shadow:0 0 0 2px #ffffffb3,0 8px 20px #00000026}.btn-color-2{background:#0000000d;box-shadow:0 0 0 2px #3535354d;min-width:12rem}.btn-color-2:hover{box-shadow:0 0 0 2px #35353580}.social-btn-1{width:50px;height:50px;background:#ffffff14;backdrop-filter:blur(20px) saturate(180%);backdrop-filter:url(#frosted);-webkit-backdrop-filter:url(#frosted);position:relative;border-radius:12px;cursor:pointer;border:2px solid transparent;box-shadow:0 0 0 2px #fff9,0 16px 32px #0000001f;overflow:visible;color:#000}.social-btn-1,.svgContainer1{display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.svgContainer1{width:100%;height:100%;z-index:2}.svgContainer1 svg{transition:all .4s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.social-btn-1:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,hsla(0,0%,100%,.2),transparent);opacity:0;transition:opacity .4s ease;border-radius:12px;z-index:1}.social-btn-1:hover{background:#ffffff1f;box-shadow:0 0 0 2px #fffc,0 20px 40px #0000002e;transform:translateY(-3px) scale(1.05)}.social-btn-1:hover:before{opacity:1}.social-btn-1:hover .svgContainer1 svg{transform:scale(1.1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.social-btn-1:active{transform:translateY(-1px) scale(1.02);box-shadow:0 0 0 2px #ffffffb3,0 8px 20px #00000026}.btn2{font-weight:600;transition:all .4s cubic-bezier(.34,1.56,.64,1);padding:.75rem;width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#000;position:relative;overflow:hidden}.btn2.leftbtn,.btn2.rightbtn{background:#ffffff40;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(0,0,0,.15);box-shadow:0 8px 32px #1f268726,inset 0 1px #ffffff4d;animation:slideButtonFadeIn .6s cubic-bezier(.34,1.56,.64,1) forwards}.btn2.leftbtn{animation-delay:.1s}.btn2.rightbtn{animation-delay:.2s}.btn2.leftbtn:before,.btn2.rightbtn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;padding:2px;background:linear-gradient(135deg,#fff6,#ffffff1a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0;transition:opacity .3s ease}.btn2.leftbtn:hover:before,.btn2.rightbtn:hover:before{opacity:1}.btn2.leftbtn:after,.btn2.rightbtn:after{content:"";position:absolute;top:-15px;right:-15px;bottom:-15px;left:-15px;background:radial-gradient(circle,rgba(0,0,0,.08) 0,transparent 70%);border-radius:50%;opacity:0;transition:all .4s cubic-bezier(.34,1.56,.64,1);z-index:-1}.btn2.leftbtn:hover:after,.btn2.rightbtn:hover:after{opacity:1;top:-20px;right:-20px;bottom:-20px;left:-20px}.btn2.leftbtn:hover,.btn2.rightbtn:hover{transform:scale(1.12) translateY(-3px);background:#ffffff59;border:2px solid rgba(0,0,0,.25);box-shadow:0 12px 40px #1f268740,inset 0 1px #ffffff80,0 0 0 4px #ffffff1a}.btn2.leftbtn:active,.btn2.rightbtn:active{transform:scale(1.05) translateY(-1px);box-shadow:0 4px 16px #1f268733,inset 0 2px 4px #0000001a}.btn2.leftbtn .icon,.btn2.rightbtn .icon{width:28px;height:28px;object-fit:contain;color:#333;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.btn2.leftbtn:hover .icon,.btn2.rightbtn:hover .icon{color:#1a1a1a;transform:scale(1.15)}.btn2.leftbtn:disabled,.btn2.rightbtn:disabled{opacity:.3;cursor:not-allowed;transform:none;background:#ffffff26;border:2px solid rgba(0,0,0,.08)}.btn2.leftbtn:disabled:hover,.btn2.rightbtn:disabled:hover{transform:none;box-shadow:0 8px 32px #1f268726}.btn2.leftbtn:focus,.btn2.rightbtn:focus{outline:3px solid rgba(0,0,0,.3);outline-offset:3px}.btn2.leftbtn:focus:not(:focus-visible),.btn2.rightbtn:focus:not(:focus-visible){outline:none}.btn2.btn-color-1{transition:all .4s cubic-bezier(.4,0,.2,1);overflow:visible}@keyframes slideButtonFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media screen and (max-width:600px){.leftbtn,.rightbtn{display:none}}@media screen and (max-width:500px){.btn2.leftbtn,.btn2.rightbtn{width:50px;height:50px}.btn2.leftbtn .icon,.btn2.rightbtn .icon{width:24px;height:24px}}@media screen and (max-width:480px){.btn2.leftbtn,.btn2.rightbtn{width:48px;height:48px}.btn2.leftbtn .icon,.btn2.rightbtn .icon{width:22px;height:22px}}.project-bubble-indicators{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:1rem;padding:1rem 0}.project-bubble{width:8px;height:8px;border-radius:50%;background-color:#0003;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);padding:0;position:relative;overflow:visible}.project-bubble:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;border-radius:50%;opacity:0;transition:opacity .2s ease}.project-bubble:hover:before{background-color:#0000000d;opacity:1}.project-bubble:hover{background-color:#0006;transform:scale(1.2)}.project-bubble.active{background-color:#000c;width:24px;border-radius:4px;transform:scale(1)}.project-bubble.active:hover{background-color:#000000e6;transform:scale(1.05)}@media screen and (max-width:600px){.project-bubble-indicators{gap:6px;padding:.75rem 0}.project-bubble{width:6px;height:6px}.project-bubble.active{width:20px}}.white-card{background:#fff;border-radius:1rem;box-shadow:0 0 20px #0000001a}.edge-fade-x{-webkit-mask:linear-gradient(90deg,#0000,#000 3% 97%,#0000);mask:linear-gradient(90deg,#0000,#000 3% 97%,#0000)}.edge-fade-x-wide{-webkit-mask:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}[data-reveal]{opacity:0;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1),filter .7s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay, 0ms);will-change:opacity,transform,filter}[data-reveal=fade]{transform:translateY(28px)}[data-reveal=left]{transform:translate(-40px)}[data-reveal=right]{transform:translate(40px)}[data-reveal=scale]{transform:scale(.9)}[data-reveal=blur]{filter:blur(10px);transform:translateY(16px)}[data-reveal].is-revealed{opacity:1;transform:none;filter:none}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translate(-30px) scale(.95)}60%{opacity:.8;transform:translate(5px) scale(1.01)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes fadeSlideOut{0%{opacity:1;transform:translate(0) scale(1)}40%{opacity:.5;transform:translate(-10px) scale(.98)}to{opacity:0;transform:translate(-30px) scale(.95)}}@keyframes swipeHintPulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes swipeArrowMove{0%,to{transform:translate(0)}50%{transform:translate(6px)}}.no-tap-highlight{-webkit-tap-highlight-color:transparent}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.background-video{position:absolute;top:0;left:0;width:100%;height:100vh;z-index:-9999;display:block;pointer-events:none;overflow:hidden}.background-video .bg-video{width:100%;height:100vh;object-fit:cover;display:block;max-width:100%;max-height:100vh}.space-canvas{pointer-events:none}.background-video:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100vh;pointer-events:none;background:linear-gradient(180deg,#fff0 60%,#fff);z-index:1}.section-container{display:flex;align-items:center;gap:2rem}#profile{display:flex;justify-content:center;gap:5rem;animation:fadeInBlur 1s ease-out}.section-text{align-self:center;text-align:center}.section-text.profile-text{position:absolute;top:27vh;right:0;margin-right:6vw;align-items:flex-end;text-align:right;display:flex;flex-direction:column;justify-content:flex-start}.slogan-inline-btn{display:flex;justify-content:center;align-items:center;gap:2rem;margin-top:68vh;flex-direction:column}.inline-btn-social-container{display:flex;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap}.btn-container{display:flex;justify-content:center;gap:1rem;margin-top:10px}#social-container{display:flex;justify-content:center;margin-top:1rem;gap:1.5rem}#upwork-btn{background:#14a800;color:#fff;box-shadow:0 0 0 2px #14a80059,0 16px 32px #14a80040}#upwork-btn:before{background:linear-gradient(135deg,hsla(0,0%,100%,.25),transparent)}#upwork-btn:hover{background:#119400;box-shadow:0 0 0 2px #14a8008c,0 20px 40px #14a80059}.inline-container{justify-content:center;display:flex;align-items:center;margin-bottom:.35rem}.inline-2{margin-bottom:0}.uni-logo{width:auto;height:14px;margin-right:.35rem;object-fit:contain;flex-shrink:0}@media screen and (max-width:1280px){.name{font-size:4.6rem}.section-text.profile-text{max-width:88vw}}@media screen and (max-width:900px){.name{font-size:3.6rem}}@media screen and (min-width:1400px){.profile-section{height:90vh;margin-top:10vh}.slogan-inline-btn{margin-top:50vh}}@media screen and (min-width:1280px)and (max-width:1400px){.slogan-inline-btn{margin-top:82vh}}@media screen and (max-width:1400px){#profile,.section-container{display:block}}@media screen and (max-width:600px){.background-video{opacity:.6}.background-video:after{background:linear-gradient(180deg,#fff0 30%,#ffffff80 70%,#ffffffe6 90%,#fff)}#profile{gap:2rem;height:66vh;padding:0 1rem;margin:17vh 0 0;margin-bottom:0}#profile,.section-text.profile-text{flex-direction:column;align-items:center}.section-text.profile-text{position:static;margin:0;text-align:center;display:flex;justify-content:flex-start;width:100%;max-width:100%}.section-text.profile-text>*{max-width:100%}.inline-container{flex-wrap:wrap;padding:0 .5rem}.slogan-inline-btn,.inline-btn-social-container,.btn-container,#social-container{width:100%;max-width:100%;flex-wrap:wrap}.name{margin-bottom:.5rem}.inline-2,.inline-container{justify-content:center;margin-bottom:.5rem}.uni-logo{height:12px}.slogan-inline-btn{margin-top:2rem;gap:1rem}.inline-btn-social-container{gap:1rem}.btn-container{flex-wrap:wrap}.section-text-p2{margin-bottom:1rem}}.loading-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:99999;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:opacity .8s ease-out,visibility .8s ease-out}.loading-container.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-content{display:flex;flex-direction:column;align-items:center;text-align:center}.loading-content h2{font-size:2.5rem;font-weight:500;color:#000;margin-bottom:.5rem}.loading-content p{font-size:1.2rem;color:#333;margin-bottom:2rem;font-style:italic}.loading-title{font-family:DM Sans,sans-serif;font-size:2.5rem;font-weight:700;color:#000;margin:0 0 .5rem;letter-spacing:-1px}.loading-subtitle{font-family:DM Sans,sans-serif;font-size:1.1rem;color:#333;margin:0 0 3rem}.solar-system{position:relative;width:200px;height:200px;display:flex;justify-content:center;align-items:center}.sun{width:40px;height:40px;background:#000;border-radius:50%;z-index:10}.orbit,.sun{position:absolute}.orbit{border:1px solid rgba(0,0,0,.1);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-1{width:80px;height:80px;animation:spin 3s linear infinite}.orbit-2{width:130px;height:130px;animation:spin 5s linear infinite}.orbit-3{width:180px;height:180px;animation:spin 7s linear infinite}.planet{position:absolute;border-radius:50%;top:0;left:50%;transform:translate(-50%,-50%)}.planet-1{width:10px;height:10px}.planet-1,.planet-2{background-color:#000}.planet-2{width:14px;height:14px}.planet-3{width:12px;height:12px;background-color:#000}.loading-percentage{margin-top:2rem;font-family:DM Sans,sans-serif;font-size:1.5rem;font-weight:500;color:#000}@media screen and (max-width:600px){.loading-content h2{font-size:2rem}.loading-content p{font-size:1rem}}.nav-links,nav{display:flex}nav{justify-content:space-around;align-items:center;height:13vh}.desktop-nav{position:fixed;width:90%;z-index:1000;box-shadow:0 0 0 1px #fff9,0 8px 32px #0000001f,inset 0 1px #ffffff40;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);transition:transform .3s ease;border-bottom:1px solid hsla(0,0%,100%,.3);margin-top:20px;margin-left:auto;margin-right:auto;left:0;right:0;box-sizing:border-box;border-radius:5rem;padding-left:10px;padding-right:10px;transform:translateY(0);overflow:visible}.desktop-nav.nav-hidden{transform:translateY(-120%);pointer-events:none}.desktop-nav:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,.05) 50%,transparent);pointer-events:none;opacity:.8;border-radius:5rem}.nav-links{gap:1.5rem;list-style:none;font-size:1.1rem}.nav-links li{position:relative}.logo{font-size:1.2rem;font-family:DM Sans,serif;display:flex;flex-direction:row;gap:1rem;align-items:center}.logo h1{font-weight:400;font-size:2em}.logo img{height:50px;transition:rotate .3s ease,transform .3s ease}.logo:hover{cursor:default}.logo-img{height:50px}.logo-img,.logo-img-mobile{animation:logo-spin 12s linear infinite}.logo-img-mobile{width:35px;height:35px;margin-right:5px;cursor:pointer;transition:all .3s ease-in-out}#hamburger-nav{display:none}.hamburger-logo{display:flex;align-items:center;justify-content:center;gap:1rem;padding:10px 15px;position:relative;z-index:1000;background:#ffffff26;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 0 0 1px #fff9,0 8px 32px #0000001f,inset 0 1px #ffffff40;border-radius:5rem;border:1px solid hsla(0,0%,100%,.3)}.hamburger-menu{position:relative;display:inline-block;z-index:1000000}.hamburger-icon{display:flex;flex-direction:column;justify-content:space-between;height:24px;width:30px;cursor:pointer;z-index:1001;position:relative;background:#ffffff26;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 0 0 1px #fff9,0 8px 32px #0000001f,inset 0 1px #ffffff40;border-radius:5rem;border:1px solid hsla(0,0%,100%,.3);padding:15px;box-sizing:content-box}.hamburger-icon span{width:100%;height:2px;background-color:#000;transition:all .3s ease-in-out;border-radius:5px}.hamburger-icon.open span:first-child{transform:rotate(45deg) translate(8px,8px)}.hamburger-icon.open span:nth-child(2){opacity:0;transform:translate(-20px)}.hamburger-icon.open span:last-child{transform:rotate(-45deg) translate(8px,-8px)}.menu-links{position:absolute;top:100%;right:0;background:#ffffff26;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;box-shadow:0 4px 30px #0000001a;border:1px solid hsla(0,0%,100%,.2);width:250px;max-height:0;overflow:hidden;transition:all .5s cubic-bezier(.68,-.55,.27,1.55);transform-origin:top right;transform:scale(.95);opacity:0;padding:0;margin-top:10px}.menu-links a{display:block;padding:15px 20px;text-align:left;font-size:1.2rem;color:#000;text-decoration:none;transition:all .3s ease-in-out;opacity:0;transform:translateY(10px);border-bottom:1px solid rgba(0,0,0,.05)}.menu-links a:hover{background:#0000000d;padding-left:25px;text-decoration:none;text-underline-offset:0}.menu-links li{list-style:none}.menu-links.open{max-height:700px;transform:scale(1);opacity:1;padding:10px}.menu-links.open a{opacity:1;transform:translateY(0);transition-delay:.2s}@media screen and (max-width:1400px)and (min-width:1281px){.nav-links{gap:1.2rem}.logo,.nav-links{font-size:1.1rem}.logo img{height:45px}nav{height:12vh}}@media screen and (max-width:1280px)and (min-width:1024px){.nav-links{gap:1rem}.logo,.nav-links{font-size:1rem}.logo img{height:40px}nav{height:11vh}.desktop-nav{padding-left:8px;padding-right:8px}}@media screen and (max-width:1280px){#desktop-nav{display:none}#hamburger-nav{display:flex}}#about{position:relative}.about-title{margin-bottom:2rem}.section-pic-container{display:flex;height:400px;width:400px}.about-pic{border-radius:1rem;filter:grayscale(100%) contrast(1.1);-webkit-filter:grayscale(100%) contrast(1.1);object-fit:cover;width:100%}.about-detailes-container{display:flex;justify-content:center;flex-direction:column}.cards-container{display:flex;gap:40px;flex-wrap:wrap;justify-content:center;align-items:center}.interstellar-card{width:300px;height:190px;background:#fff;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94);border-radius:1rem;border:1px solid #a3a3a3}.interstellar-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a}.interstellar-card:before{content:"";position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;border:1px solid #000;border-radius:50%;opacity:0;transition:all .6s ease;animation:rotate 20s linear infinite}.interstellar-card:hover:before{opacity:.3}.interstellar-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 49%,#000 50%,transparent 51%),linear-gradient(0deg,transparent 49%,#000 50%,transparent 51%);background-size:40px 40px;opacity:.02;transition:opacity .4s ease}.interstellar-card:hover:after{opacity:.05}.corner-dots{position:absolute;width:4px;height:4px;background:#000;border-radius:50%;opacity:.4;transition:all .4s ease;animation:pulse 3s ease-in-out infinite}.corner-dots.top-left{top:15px;left:15px}.corner-dots.top-right{top:15px;right:15px}.corner-dots.bottom-left{bottom:15px;left:15px}.corner-dots.bottom-right{bottom:15px;right:15px}.interstellar-card:hover .corner-dots{opacity:.8;transform:scale(1.2)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}.card-content{padding:10px;height:100%;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.card-title{font-size:18px;font-weight:600;color:#000;text-align:center;margin-bottom:20px;letter-spacing:2px;text-transform:uppercase;position:relative}.card-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:40px;height:1px;background:#000;transition:width .4s ease}.interstellar-card:hover .card-title:after{width:80px}.card-text{color:#333;line-height:1.8;text-align:center;font-size:14px;font-weight:300}.card-text p{margin-bottom:6px;transition:opacity .3s ease;font-size:12px}.highlight{font-weight:500;color:#000}.card-background{position:absolute;z-index:-1;left:0;top:50%;transform:translateY(-50%);margin-left:-30px;height:90px;width:auto;opacity:.12;object-fit:contain}.text-container{padding:20px;margin:0 auto;line-height:1.6}.text-container p{margin-bottom:5px;font-size:.85rem}@media screen and (max-width:1400px){.section-pic-container{margin:2rem auto}}@media screen and (max-width:600px){.section-pic-container{margin:1rem auto;width:85vw;height:auto;max-width:340px;max-height:none}.about-pic{width:100%;height:auto}.text-container{text-align:justify}}@media(max-width:768px){.cards-container{flex-direction:column;gap:30px}.interstellar-card{width:100%;max-width:340px}}.quote{display:flex;flex-direction:row;font-weight:700;gap:.5rem;justify-content:center;align-items:baseline;width:100%;line-height:normal}.imagine{font-size:50px;font-family:Playfair Display,serif}.achieve{font-size:70px;transform:rotate(-15deg);font-family:var(--font-kaushan),cursive}@media screen and (max-width:600px){.quote{flex-direction:column;align-items:flex-end;gap:0}.imagine{font-size:2.5rem}.achieve{font-size:3.5rem}}@media screen and (max-width:600px){.imagine{font-size:1.5rem}.achieve{font-size:2rem}}@media screen and (max-width:500px){.imagine{font-size:2.5rem}.achieve{font-size:3.5rem}}#skills{position:relative}.skills-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.skills-backdrop svg{position:absolute;top:0;right:0;bottom:0;width:100%;height:100%;left:20%}.skills-backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#fff 0,#fff0 10%,#fff0 90%,#fff),linear-gradient(0deg,#fff 0,#fff0 10%,#fff0 90%,#fff),linear-gradient(90deg,#fff 0,#fff0 10%,#fff0 90%,#fff),linear-gradient(270deg,#fff 0,#fff0 10%,#fff0 90%,#fff)}@media screen and (max-width:1400px){#skills{margin-top:2rem}}.category-buttons{margin-top:2rem;display:flex;justify-content:center;gap:10px;margin-bottom:2rem;flex-wrap:wrap}.category-btn{padding:8px 16px;border:1px solid hsla(0,0%,100%,.3);border-radius:20px;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000001a,inset 0 1px #fff3;cursor:pointer;transition:all .3s ease;color:#000}.category-btn:hover{background:#ffffff26;box-shadow:0 8px 32px #00000026,inset 0 1px #ffffff4d;border:1px solid hsla(0,0%,100%,.4)}.category-btn.active{background-color:#333;color:#fff}.skills-container{display:flex;flex-direction:column;align-items:center}.skills-row{display:flex;justify-content:center;flex-wrap:wrap;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.skills-row.show{opacity:1;transform:translateY(0)}.tech-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100px;height:100px;margin:10px;transition:transform .3s ease;position:relative}.tech-icon:hover{transform:scale(1.1)}.tech-box{width:62px;height:62px;border-radius:15px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #0000002e,inset 0 1px #ffffff40}.tech-icon .tech-icon-glyph{width:36px;height:36px}.tech-icon span{margin-top:8px;font-size:12px;text-align:center}.tech-icon .experience-level{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ffffff40;color:#000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;border-radius:20%;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 30px #0000001a;border:1px solid hsla(0,0%,100%,.3);font-weight:500;font-size:.8rem}.tech-icon:hover .experience-level{opacity:1}@media screen and (max-width:600px){.skills-container{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px;padding:0 10px}.skills-row{display:contents}.skills-row .tech-icon{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.skills-row.show .tech-icon{opacity:1;transform:translateY(0)}.tech-icon{width:85px;height:85px;margin:5px}.tech-box{width:52px;height:52px;border-radius:13px}.tech-icon .tech-icon-glyph{width:30px;height:30px}.tech-icon span{font-size:11px;margin-top:6px}.tech-icon .experience-level{font-size:10px;padding:2px 6px;bottom:-18px}}#experience{position:relative;padding:2rem;display:block}.experience-container{background:#fff;border-radius:2rem;padding:2.5rem;box-shadow:0 0 20px #0000001a;margin:1.5rem auto 3rem}.experience-header{margin-bottom:1.5rem;padding-bottom:1.2rem;border-bottom:2px solid #f0f0f0}.company-info{display:flex;align-items:center;gap:1.2rem;margin-bottom:0}.company-logo{width:70px;height:70px;border-radius:14px;object-fit:contain;background:#f5f5f5;padding:10px;border:2px solid #e0e0e0;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#333}.company-logo img{width:100%;height:100%;object-fit:contain}.company-details h3{font-size:1.6rem;font-weight:700;color:#000;margin-bottom:.4rem;line-height:1.2}.job-title{font-size:1.05rem;font-weight:500;color:#333;margin-bottom:.3rem}.job-meta{display:flex;flex-wrap:wrap;gap:1.2rem;font-size:.9rem;color:#666}.job-meta span{display:flex;align-items:center;gap:.35rem}.job-meta svg{width:15px;height:15px;opacity:.7}.experience-content{display:flex;flex-direction:column;gap:0}.projects-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.projects-row .project-section{margin-bottom:0}.project-section{background:#fafafa;padding:1.5rem;border-radius:1rem;border:1px solid #e0e0e0;margin-bottom:1.5rem;display:flex;flex-direction:column}.project-section:last-child{margin-bottom:0}.project-header{gap:.8rem;margin-bottom:.8rem}.project-header,.project-icon{display:flex;align-items:center}.project-icon{width:38px;height:38px;background:linear-gradient(135deg,#0000000d,#0000001a);border-radius:10px;justify-content:center;flex-shrink:0}.project-icon svg{width:20px;height:20px;color:#333}.project-title-container{flex:1 1}.project-title-experience{font-size:1.05rem;font-weight:600;color:#000;margin-bottom:.4rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;line-height:1.3}.project-period{font-size:.8rem;font-weight:500;color:#666}.project-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;background:#ffffff26;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);position:relative;border-radius:10px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid hsla(0,0%,100%,.3);box-shadow:0 4px 20px #00000026,inset 0 1px #ffffff40;font-size:.8rem;font-weight:500;color:#000}.project-link,.project-link:active,.project-link:focus,.project-link:hover,.project-link:visited{text-decoration:none!important}.project-link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,hsla(0,0%,100%,.2),transparent);opacity:0;transition:opacity .4s ease;border-radius:10px;z-index:0}.project-link span{position:relative;z-index:1}.project-link:hover{background:#ffffff40;border:1px solid hsla(0,0%,100%,.45);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 30px #0003,inset 0 1px #ffffff59}.project-link:hover:before{opacity:1}.project-link:hover svg{transform:scale(1.1) translate(2px);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.project-link:active{transform:translateY(-1px) scale(1);box-shadow:0 4px 16px #00000026,inset 0 2px 4px #fff3}.project-link svg{width:13px;height:13px;transition:all .4s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));flex-shrink:0}.project-description{list-style:none;padding:0;margin:0}.project-description li{position:relative;padding-left:1.3rem;margin-bottom:.6rem;font-size:.88rem;color:#333;line-height:1.6}.project-description li:before{content:"◦";position:absolute;left:0;color:#666;font-weight:700;font-size:1.1rem}.project-description li:last-child{margin-bottom:0}.photo-collage{display:grid;grid-template-rows:repeat(2,150px);grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);gap:14px;padding:0 1rem}.collage-item{width:100%;height:100%;object-fit:cover;display:block;border-radius:8px;box-shadow:0 10px 50px -10px #0003;transition:box-shadow .4s ease,transform .4s ease;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.collage-item.tall{grid-row:span 2}.collage-item:hover{box-shadow:0 18px 60px -10px #00000059;transform:scale(1.03)}@media screen and (max-width:1024px){.photo-collage{grid-template-rows:repeat(2,120px);grid-auto-columns:minmax(120px,1fr);gap:10px}}@media screen and (max-width:768px){.photo-collage{grid-auto-flow:row;grid-template-rows:none;grid-template-columns:repeat(3,1fr);grid-auto-rows:110px;padding:0}}@media screen and (max-width:480px){.photo-collage{grid-template-columns:repeat(2,1fr);grid-auto-rows:120px}}@media screen and (max-width:768px){#experience{padding:2rem 1rem 3rem}.experience-container{padding:1.5rem;margin:1rem auto 2rem}.company-logo{width:55px;height:55px}.company-details h3{font-size:1.3rem}.job-title{font-size:.95rem}.job-meta{font-size:.82rem;gap:.8rem}.projects-row{grid-template-columns:1fr;gap:1.2rem;margin-bottom:1.2rem}.project-section{padding:1.2rem;margin-bottom:0}.project-description li{font-size:.82rem}}@media screen and (max-width:480px){#experience{padding:1.5rem 0 2.5rem}.experience-container{padding:1.2rem;margin:.8rem auto 1.5rem;width:95%;box-sizing:border-box}.company-info{gap:.8rem}.company-logo{width:50px;height:50px}.company-details h3{font-size:1.1rem}.job-title{font-size:.88rem}.job-meta{font-size:.78rem;gap:.6rem}.projects-row{grid-template-columns:1fr;gap:1rem;margin-bottom:1rem}.project-section{padding:1rem}.project-icon{width:34px;height:34px}.project-icon svg{width:18px;height:18px}.project-description li{font-size:.78rem;padding-left:1.1rem;margin-bottom:.5rem}}#writing{position:relative;padding:3rem 2rem;height:80vh;display:flex;flex-direction:column}.publications-wrapper{flex:1 1;display:flex;flex-direction:column;max-width:1400px;margin:0 auto;width:100%}.publications-scroll-container{overflow-x:auto;overflow-y:hidden;padding:1rem 0 2rem;margin:1rem 0;position:relative;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;flex:1 1;display:flex;align-items:center;-webkit-mask:linear-gradient(90deg,#0000,#000 3% 97%,#0000);mask:linear-gradient(90deg,#0000,#000 3% 97%,#0000);scrollbar-width:none;-ms-overflow-style:none}.publications-scroll-container::-webkit-scrollbar{display:none}.publications-container{display:flex;gap:.5rem;padding:0 1rem;min-width:min-content}.publication-card{min-width:550px;max-width:550px;height:100%;background:#fff;border-radius:1rem;padding:1.5rem;position:relative;overflow:hidden;transition:none;box-shadow:0 0 20px #0000001a;border:none;display:flex;flex-direction:column}.publication-card:hover{transform:none;box-shadow:0 0 20px #0000001a}.publication-main{display:flex;gap:1rem;margin-bottom:1rem;flex:1 1}.paper-preview{width:140px;flex-shrink:0;position:relative;cursor:pointer}.paper-preview img{width:100%;height:200px;object-fit:cover;border-radius:.5rem;border:none;background:#f5f5f5;box-shadow:0 2px 8px #0000001a;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.paper-preview:hover img{transform:scale(1.15) translateY(-5px);box-shadow:0 12px 24px #0000004d;z-index:10}.paper-preview:after{content:"";position:absolute;top:0;right:0;width:0;height:0;border-color:transparent #fff transparent transparent;border-style:solid;border-width:0 15px 15px 0;opacity:0;transition:opacity .3s ease;z-index:11}.paper-preview:hover:after{opacity:.8}.publication-info{flex:1 1;display:flex;flex-direction:column;gap:.5rem}.publication-header{margin-bottom:.5rem}.publication-title{font-size:1.1rem;font-weight:600;color:#000;margin-bottom:.4rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.venue-wrapper{align-items:center;gap:.5rem;margin-bottom:.2rem}.publication-venue{font-size:.75rem;color:#555;font-style:italic;margin-bottom:0}.publication-metadata{display:flex;gap:1.5rem;align-items:center;margin-top:.4rem}.publication-date,.publication-venue-info{display:flex;align-items:center;gap:.4rem;font-size:.7rem;color:#777}.publication-date svg,.publication-venue-info svg{width:14px;height:14px;color:#777;flex-shrink:0}.publication-abstract{flex:1 1}.publication-abstract h4{font-size:.75rem;font-weight:600;color:#000;margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.5px}.abstract-text{font-size:.75rem;color:#333;line-height:1.5;text-align:justify;max-height:90px;overflow-y:auto;padding-right:.3rem}.abstract-text::-webkit-scrollbar{width:4px}.abstract-text::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.abstract-text::-webkit-scrollbar-thumb{background:#0003;border-radius:10px}.abstract-text::-webkit-scrollbar-thumb:hover{background:#0000004d}.coauthors-section{margin-bottom:.8rem;padding-top:.8rem;border-top:1px solid #eee}.coauthors-section h4{font-size:.7rem;font-weight:600;color:#000;margin-bottom:.6rem;text-transform:uppercase;letter-spacing:.5px}.coauthors-grid{display:flex;gap:.6rem;flex-wrap:nowrap;overflow-x:auto}.coauthors-grid::-webkit-scrollbar{height:3px}.coauthors-grid::-webkit-scrollbar-thumb{background:#0003;border-radius:10px}.coauthor-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.4rem;background:#00000005;border-radius:.8rem;transition:all .3s ease;min-width:85px;flex-shrink:0;justify-content:center}.coauthor-item:hover{background:#0000000d;transform:translateY(-2px)}.coauthor-name{font-size:.65rem;font-weight:500;color:#000;line-height:1.2}.publication-actions{display:flex;justify-content:center;margin-top:auto;padding-top:.5rem;gap:1rem}.paper-link-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;background:#ffffff26;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);position:relative;border-radius:12px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid hsla(0,0%,100%,.3);box-shadow:0 4px 20px #00000026,inset 0 1px #ffffff40;font-size:.95rem;font-weight:500;color:#000}.paper-link-btn,.paper-link-btn:active,.paper-link-btn:focus,.paper-link-btn:hover,.paper-link-btn:visited{text-decoration:none!important}.paper-link-btn svg{width:18px;height:18px;transition:all .4s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));flex-shrink:0}.paper-link-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,hsla(0,0%,100%,.2),transparent);opacity:0;transition:opacity .4s ease;border-radius:12px;z-index:0}.paper-link-btn span{position:relative;z-index:1}.paper-link-btn:hover{background:#ffffff40;border:1px solid hsla(0,0%,100%,.45);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px #0003,inset 0 1px #ffffff59}.paper-link-btn:hover:before{opacity:1}.paper-link-btn:hover svg{transform:scale(1.1) translate(2px);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.paper-link-btn:active{transform:translateY(-1px) scale(1);box-shadow:0 4px 16px #00000026,inset 0 2px 4px #fff3}.publications-nav-btn{font-weight:600;transition:all .4s cubic-bezier(.34,1.56,.64,1);padding:.75rem;width:60px;height:60px;border-radius:16px;position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;background:#ffffff40;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(0,0,0,.15);box-shadow:0 8px 32px #1f268726,inset 0 1px #ffffff4d;z-index:10}.publications-nav-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;padding:2px;background:linear-gradient(135deg,#fff6,#ffffff1a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0;transition:opacity .3s ease}.publications-nav-btn:hover:before{opacity:1}.publications-nav-btn:after{content:"";position:absolute;top:-15px;right:-15px;bottom:-15px;left:-15px;background:radial-gradient(circle,rgba(0,0,0,.08) 0,transparent 70%);border-radius:50%;opacity:0;transition:all .4s cubic-bezier(.34,1.56,.64,1);z-index:-1}.publications-nav-btn:hover:after{opacity:1;top:-20px;right:-20px;bottom:-20px;left:-20px}.publications-nav-btn:hover{transform:translateY(-50%) scale(1.12);background:#ffffff59;border:2px solid rgba(0,0,0,.25);box-shadow:0 12px 40px #1f268740,inset 0 1px #ffffff80,0 0 0 4px #ffffff1a}.publications-nav-btn:active{transform:translateY(-50%) scale(1.05);box-shadow:0 4px 16px #1f268733,inset 0 2px 4px #0000001a}.publications-nav-btn:disabled{opacity:.3;cursor:not-allowed;transform:translateY(-50%);background:#ffffff26;border:2px solid rgba(0,0,0,.08)}.publications-nav-btn:disabled:hover{transform:translateY(-50%);box-shadow:0 8px 32px #1f268726}.publications-nav-btn .icon{width:28px;height:28px;color:#333;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.publications-nav-btn:hover .icon{color:#1a1a1a;transform:scale(1.15)}.publications-nav-btn.left{left:-30px}.publications-nav-btn.right{right:-30px}.publication-card.skeleton{min-height:320px;animation:pulse 1.6s ease-in-out infinite;background:#f5f5f5}@media screen and (max-width:1200px){.publication-card{min-width:500px;max-width:500px}}@media screen and (max-width:768px){#writing{padding:2rem 1rem;position:relative;height:auto;min-height:80vh}.paper-preview{width:100%;display:flex;justify-content:center}.paper-preview img{width:160px;height:100%}.publication-info{width:100%}.publication-title{font-size:.9rem}.publication-venue{font-size:.7rem}.publication-date{font-size:.65rem}.publication-abstract h4{font-size:.75rem}.abstract-text{font-size:.7rem;max-height:70px}.coauthors-section h4{font-size:.7rem;margin-bottom:.5rem}.coauthors-grid{justify-content:flex-start;gap:.6rem;padding:0 .5rem;scroll-padding-left:.5rem}.coauthor-item{min-width:70px;padding:.35rem}.coauthor-name{font-size:.6rem}.publications-nav-btn{display:none}.publication-card{min-width:70vw;max-width:70vw;padding:1rem;box-sizing:border-box;margin:0 auto;height:auto;min-height:min-content}.publication-main{flex-direction:column;gap:.8rem}.paper-link-btn{font-size:.8rem;padding:7px 14px;width:auto;min-width:180px;justify-content:center}.publication-actions{flex-direction:column;align-items:center;gap:.5rem}}#featured *,#featured :after,#featured :before{box-sizing:border-box}.nsf-eyebrow{text-align:center;font-size:1.1rem;font-weight:500;color:#555;margin:0 0 .25rem;letter-spacing:.02em}.nsf-title{text-align:center;font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:600;margin:0 0 1.5rem;color:#0a0a0a}.nsf-overview{display:grid;grid-template-columns:1.4fr .6fr;align-items:center;gap:clamp(1.5rem,4vw,3rem);width:100%;max-width:1200px;margin:0 auto}.nsf-overview-text{display:flex;flex-direction:column;gap:1rem;min-width:0}.nsf-project-name{font-size:clamp(1.1rem,2.2vw,1.7rem);font-weight:600;line-height:1.25;margin:0;color:#0a0a0a}.nsf-desc{font-size:clamp(.95rem,1.2vw,1.05rem);line-height:1.6;color:#3a3a3a;margin:0}.nsf-stats{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.25rem}.nsf-stat{display:flex;flex-direction:column;padding:.6rem 1rem;border:1px solid #e6e6e6;border-radius:12px;background:#fafafa;min-width:110px}.nsf-stat-value{font-size:1.3rem;font-weight:700;color:#0a0a0a;line-height:1.1}.nsf-stat-label{font-size:.78rem;color:#666;margin-top:.15rem}.team-members{display:flex;align-items:center;position:relative;padding:10px 0}.achv-member{height:3.5rem;width:3.5rem;border-radius:50%;cursor:pointer;position:relative;border:3px solid hsla(0,0%,100%,.9);transition:all .3s ease;box-shadow:0 4px 15px #0003;z-index:1;object-fit:cover;background:#fff}.team-members .achv-member:not(:first-child){margin-left:-15px}.achv-member:hover{transform:translateY(-8px) scale(1.15);z-index:100;border-color:#fff;box-shadow:0 12px 35px #0006}.team-members:hover .achv-member:not(:hover){opacity:.6;filter:grayscale(20%)}.nsf-image-wrap{display:flex;justify-content:center;align-items:center}.nsf-image-wrap img{height:auto;max-height:38vh;object-fit:contain;border-radius:12px;max-width:100%}.nsf-achievements{width:100%;max-width:1200px;margin:1.25rem auto 0;min-width:0}.nsf-achievements-title{font-size:clamp(1.1rem,1.8vw,1.4rem);font-weight:700;color:#0a0a0a;margin:0 0 .85rem;display:flex;align-items:center;gap:.5rem}.nsf-achievements-title:before{content:"";width:6px;height:1.2em;background:#0a0a0a;border-radius:3px}.nsf-marquee{position:relative;overflow:hidden;width:100%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent)}.nsf-track{display:flex;gap:1.25rem;width:max-content;padding:.5rem 0;animation:nsf-scroll 38s linear infinite}.nsf-marquee.nsf-paused .nsf-track,.nsf-marquee:hover .nsf-track{animation-play-state:paused}@keyframes nsf-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.nsf-track{animation:none}.nsf-marquee{overflow-x:auto}}.nsf-card{flex:0 0 320px;width:320px;background:#fff;border:1px solid #e6e6e6;border-radius:16px;padding:1.4rem;display:flex;flex-direction:column;gap:.6rem;box-shadow:0 6px 18px #0000000d;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;-webkit-user-select:text;user-select:text}.nsf-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px #0000001f;border-color:#0a0a0a}.nsf-card-title{font-size:1.02rem;font-weight:700;color:#0a0a0a;margin:0;line-height:1.3}.nsf-card-text{font-size:.88rem;line-height:1.5;color:#444;margin:0}.nsf-card-text strong{color:#0a0a0a;font-weight:700}.nsf-hint{text-align:center;font-size:.8rem;color:#888;margin:.5rem 0 0}.movie-quote{display:flex;margin:5rem 10%;flex-direction:column;padding:0 1rem}.quote-mark{font-size:clamp(2rem,8vw,6rem);color:#333;vertical-align:top;margin-right:.5rem;font-family:Poppins,sans-serif;margin-bottom:clamp(-2rem,-5vw,-5rem)}.quote-part1{font-size:clamp(1rem,4.5vw,3.5rem);line-height:1.3}.quote-part1,.quote-part2{color:#555;font-weight:600;display:block;font-family:Poppins,sans-serif;white-space:nowrap;overflow:visible}.quote-part2{font-size:clamp(1.2rem,7vw,6.5rem);line-height:1.2}.quote-part3{font-size:clamp(1.1rem,5vw,4rem);color:#444;font-weight:600;display:block;font-style:italic;line-height:1.3;overflow:visible}.quote-author,.quote-part3{font-family:Poppins,sans-serif;white-space:nowrap}.quote-author{font-size:clamp(.75rem,1.5vw,1.2rem);color:#777;font-weight:500;margin-top:1.5rem;align-self:flex-end}@media screen and (max-width:900px){#featured{max-height:none;height:auto}}@media(max-width:900px){.nsf-overview{grid-template-columns:1fr}.nsf-image-wrap{order:-1}.nsf-image-wrap img{max-height:28vh}}@media(max-width:480px){.nsf-card{flex-basis:260px;width:260px}}@media screen and (max-width:1280px){.movie-quote{margin:4rem 5%;padding:0 2rem}}@media screen and (max-width:768px){.movie-quote{margin:3rem 0;padding:0 5%}.quote-mark{font-size:10vw;margin-bottom:-5vw}.quote-part1{font-size:4.5vw}.quote-part2{font-size:7vw}.quote-part3{font-size:5vw}.quote-author{font-size:2.5vw;margin-top:1.5rem}}@media screen and (max-width:600px){.movie-quote{margin:2.5rem 0}}@media screen and (max-width:480px){.movie-quote{margin:2rem 0}}@media screen and (max-width:380px){.movie-quote{margin:1.5rem 0}}#projects{position:relative}.experience-details-container-project{display:flex;align-items:center;flex-direction:row;padding:0 2rem;gap:1rem;position:relative}.experience-details-container-project .btn2.leftbtn{position:absolute;left:1rem;z-index:10}.experience-details-container-project .btn2.rightbtn{position:absolute;right:1rem;z-index:10}.about-containers2{gap:1rem;margin-bottom:1rem;margin-top:2rem;padding:2rem 1rem;display:flex;flex-direction:row;overflow-x:scroll;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;-webkit-mask:linear-gradient(90deg,#0000,#000 3% 97%,#0000);mask:linear-gradient(90deg,#0000,#000 3% 97%,#0000)}.about-containers2::-webkit-scrollbar{display:none}.details-container{position:relative;padding:1.5rem;flex:1 1;background:#fff;border-radius:1rem;box-shadow:0 0 20px #0000001a;border-color:#a3a3a3;text-align:center;display:inline-block;flex-shrink:0}.details-container p{font-size:.8rem}.domain-chip{position:absolute;top:10px;left:10px;padding:4px 10px;border-radius:15px;font-size:.7rem;font-weight:600;color:#fff;background:#000000b3;z-index:2;box-shadow:0 2px 5px #0003;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.domain-chip.ai-ml{background:linear-gradient(135deg,#673ab7,#3f51b5)}.domain-chip.fullstack{background:linear-gradient(135deg,#4caf50,#2196f3)}.domain-chip.backend{background:linear-gradient(135deg,#ff9800,#f44336)}.domain-chip.computer-vision{background:linear-gradient(135deg,#e91e63,#9c27b0)}.domain-chip.system{background:linear-gradient(135deg,#607d8b,#455a64)}.info{display:flex;flex-direction:row;gap:1rem;justify-items:center;align-items:center}.info2{display:flex;opacity:0;max-height:0;width:0;overflow:hidden;flex-direction:column;gap:1rem;transform:translate(-30px) scale(.95);animation:fadeSlideOut .5s cubic-bezier(.4,0,.2,1) forwards}.info2 h3{font-weight:500;font-size:medium;transition:opacity .4s ease .2s,transform .4s ease .2s}.info2 h3,.info2 p{opacity:0;transform:translateY(-10px)}.info2 p{width:200px;font-size:.7rem;transition:opacity .4s ease .35s,transform .4s ease .35s}.details-container.expanded .info2{width:100%;max-height:500px;animation:fadeSlideIn .45s cubic-bezier(.34,1.56,.64,1) forwards}.details-container.expanded .info2 h3,.details-container.expanded .info2 p{opacity:1;transform:translateY(0)}.details-container.expanded .info1{transform:translate(-10px)}.info1{transition:transform .3s ease}.info1:hover{transform:translate(-10px)}.article-container{display:flex;text-align:initial;flex-wrap:wrap;flex-direction:row;gap:1rem;justify-content:space-around}.project-img{border-radius:1rem;width:280px;height:auto;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.project-img:hover{transform:scale(1.05) rotate(-2deg);box-shadow:0 .5rem 1.5rem #0006}.project-title{margin:1rem;color:#000;font-weight:600;font-size:1.2rem}.project-icon-btn{width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:#ffffff26;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);position:relative;border-radius:12px;cursor:pointer;border:1px solid hsla(0,0%,100%,.3);box-shadow:0 4px 20px #00000026,inset 0 1px #ffffff40;color:#000}.project-icon-btn,.project-icon-btn svg{transition:all .4s cubic-bezier(.4,0,.2,1)}.project-icon-btn svg{width:22px;height:22px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.project-icon-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,hsla(0,0%,100%,.2),transparent);opacity:0;transition:opacity .4s ease;border-radius:12px;z-index:1}.project-icon-btn:hover{background:#ffffff40;border:1px solid hsla(0,0%,100%,.45);transform:translateY(-3px) scale(1.05);box-shadow:0 8px 30px #0003,inset 0 1px #ffffff59}.project-icon-btn:hover:before{opacity:1}.project-icon-btn:hover svg{transform:scale(1.1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.project-icon-btn:active{transform:translateY(-1px) scale(1.02);box-shadow:0 4px 16px #00000026,inset 0 2px 4px #fff3}.project-icon-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.tech-stack{margin-top:.8rem;border-top:1px solid #a3a3a3;padding-top:5px}.iconss{display:flex;justify-content:center;gap:3px;flex-wrap:wrap;align-items:center}.iconss .tech-mini-icon{width:30px;height:30px;color:#000}.iconss .tech-mini-chip{font-size:.65rem;font-weight:500;color:#444;padding:2px 8px;border:1px solid #e0e0e0;border-radius:10px;background:#fafafa}.swipe-hint{display:none}@media screen and (max-width:768px){#projects{position:relative;height:auto;min-height:fit-content}.experience-details-container-project .btn2.leftbtn,.experience-details-container-project .btn2.rightbtn{display:none}.project-title{font-size:.95rem}.swipe-hint{display:flex;align-items:center;justify-content:center;gap:6px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%);font-size:.75rem;color:#777;animation:swipeHintPulse 1.6s ease-in-out infinite;white-space:nowrap}.swipe-hint svg{width:14px;height:14px;animation:swipeArrowMove 1.6s ease-in-out infinite}}@media screen and (max-width:600px){.details-container{padding:.7rem}.project-img{width:200px}.about-containers2{margin-left:0;margin-right:0;padding:2rem 1rem}.btn-container{flex-wrap:wrap}}@media screen and (max-width:500px){.experience-details-container-project{padding:0 .5rem;gap:.75rem}}@media screen and (max-width:480px){.experience-details-container-project{padding:0 .25rem;gap:.5rem}.project-title{font-size:.9rem}}#certifications{position:relative}.achievement-container{padding:1rem;background:#fff;border-radius:1rem;box-shadow:0 0 20px #0000001a;border-color:#a3a3a3;text-align:center;display:flex;flex-direction:row;gap:2rem;align-items:flex-start}.achv-details{max-width:420px}.achv-photo-container{display:flex;text-align:initial;flex-wrap:wrap;flex-direction:row;gap:1rem;justify-content:space-around;margin-top:2.5rem}.achv-photo{border-radius:1rem;width:400px;height:240px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f7f7f7,#ececec);border:1px solid #e6e6e6;color:#333}.achv-photo:hover{transform:scale(1.05);transition:transform .3s ease;box-shadow:0 .5rem 1rem #00000080}.achv-photo-img{height:auto;background:none;border:none;object-fit:cover}.achv-secondary-photo{border-radius:.8rem;width:220px;height:auto;margin:.5rem auto 0;display:block;box-shadow:0 4px 15px #0003;transform:rotate(2deg);transition:transform .3s ease}.achv-secondary-photo:hover{transform:rotate(0) scale(1.05)}.place-container{display:flex;justify-content:center;margin-top:1rem;flex-direction:row;align-items:center;margin-bottom:1rem;gap:.5rem}.place-container .medal-icon{height:2rem;width:2rem;color:#333}.achv-title{color:#000;font-size:1.2rem;margin-bottom:0;white-space:nowrap;font-weight:500}.achv-title.wrap-title{white-space:normal;max-width:420px;margin:0 auto}.achv-details .cert-date{margin-top:.5rem}.achv-desc{text-align:justify}.achievement-icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;background:#ffffff26;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);position:relative;border-radius:12px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid hsla(0,0%,100%,.3);box-shadow:0 4px 20px #00000026,inset 0 1px #ffffff40;font-size:.95rem;font-weight:500;color:#000}.achievement-icon-btn,.achievement-icon-btn:active,.achievement-icon-btn:focus,.achievement-icon-btn:hover,.achievement-icon-btn:visited{text-decoration:none!important}.achievement-icon-btn svg{width:18px;height:18px;transition:all .4s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));flex-shrink:0}.achievement-icon-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,hsla(0,0%,100%,.2),transparent);opacity:0;transition:opacity .4s ease;border-radius:12px;z-index:0}.achievement-icon-btn span{position:relative;z-index:1}.achievement-icon-btn:hover{background:#ffffff40;border:1px solid hsla(0,0%,100%,.45);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px #0003,inset 0 1px #ffffff59}.achievement-icon-btn:hover:before{opacity:1}.achievement-icon-btn:hover svg{transform:scale(1.1) translate(2px);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.achievement-icon-btn:active{transform:translateY(-1px) scale(1);box-shadow:0 4px 16px #00000026,inset 0 2px 4px #fff3}.cert-skills{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin:.5rem 0 1rem}.cert-skill-chip{font-size:.7rem;font-weight:500;color:#444;padding:3px 10px;border:1px solid #e0e0e0;border-radius:12px;background:#fafafa}@media screen and (max-width:768px){#certifications{position:relative;height:auto;min-height:fit-content}}@media screen and (max-width:600px){.achv-photo{width:250px;height:160px}.achv-photo-img{height:auto}.achievement-container{flex-direction:column;gap:0;padding:1rem}.achv-title{text-wrap:wrap;font-size:1.2rem}.achv-photo-container{margin-top:0;gap:.5rem}.place-container{margin-top:.7rem;margin-bottom:.7rem}}#milestones{position:relative;padding:60px 0}#milestones .section-text-p1{color:#555}#milestones .title{color:#000}.container-timeline{max-width:1024px;width:95%;margin:50px auto 0;padding-left:20px;overflow-x:visible;-webkit-mask:linear-gradient(0deg,#0000,#000 3% 97%,#0000);background:radial-gradient(ellipse at center,rgba(0,0,0,.1) 0,transparent 70%);border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.timeline-item{padding:3em 2em 2em;margin-left:20px;position:relative;display:flex;flex-direction:row;color:#000000e6;border-left:3px solid rgba(0,0,0,.6);gap:1rem;overflow:visible}.timeline-item p{font-size:.85rem}.timeline-item:last-child{border-image:linear-gradient(180deg,rgba(0,0,0,.6) 60%,transparent) 1 100%}.timeline-item:before{content:attr(date-is);position:absolute;top:1em;left:2em;display:block;font-family:Kaushan Script,cursive;font-weight:700;color:#000;text-shadow:none;background:#ffffff26;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);padding:8px 16px;border-radius:12px;border:1px solid hsla(0,0%,100%,.3);box-shadow:0 4px 20px #00000026,inset 0 1px #ffffff40;z-index:2;margin-bottom:2rem}.timeline-item:after{width:18px;height:18px;display:block;top:1em;position:absolute;left:-12px;border-radius:50%;content:"";background:radial-gradient(circle,#000 0,#1a1a1a,#2d2d2d);border:3px solid hsla(0,0%,100%,.9);box-shadow:0 0 20px #000000e6,0 0 40px #00000080,inset 0 0 8px #000c;z-index:100}.timeline-upper{display:flex;align-items:center;gap:1rem}.milestone-details{display:flex;flex-direction:column;gap:1rem}.milestone-details h1{font-size:1.2rem;font-weight:600;color:#000000f2}.milestone-details .milestone-subtitle{font-size:.9rem;font-weight:500;color:#000000b3;margin-top:-.6rem}.milestone-details p{color:#000c;line-height:1.6;text-shadow:0 0 5px rgba(0,0,0,.1)}.milestone-photo{height:auto;border-radius:10px;box-shadow:0 0 20px #0006,inset 0 0 10px #ffffff4d;max-width:200px}.milestone-photo.tilt-left{transform:rotate(-5deg)}.milestone-photo.tilt-right{transform:rotate(5deg)}.milestone-logo{height:auto;max-width:180px}.timeline-item:nth-child(2n) .milestone-photo{margin-top:50px}.timeline-item:nth-child(odd):not(:first-child) .milestone-photo{margin-top:40px}@media screen and (min-width:1280px){.timeline-item:before{font-size:2rem}.timeline-item:nth-child(2n) .milestone-photo{max-width:300px}}@media screen and (max-width:1280px){.milestone-photo{max-width:200px}.timeline-item:nth-child(odd) .milestone-photo{margin-top:0}}@media screen and (max-width:600px){.timeline-upper{flex-direction:column}}.scroll-velocity-banner{width:100%;position:relative;z-index:10;padding:0;margin:5vh auto}.parallax{position:relative;overflow:hidden}.scroller{display:flex;white-space:nowrap;text-align:center;font-family:Poppins,sans-serif;font-size:2.5rem;font-weight:600;color:#292929;letter-spacing:-.02em;filter:drop-shadow(0 1px 1px rgba(0,0,0,.1));gap:2rem}.scroller span{flex-shrink:0}@media(min-width:768px){.scroller{font-size:5rem;line-height:5rem}}#contact{display:flex;justify-content:center;flex-direction:column;height:70vh;position:relative;background:linear-gradient(#ffffffb3,#ffffffb3),linear-gradient(180deg,#fff 0,#fff0 10%,#fff0 90%,#fff),linear-gradient(0deg,#fff 0,#fff0 10%,#fff0 90%,#fff),linear-gradient(90deg,#fff 0,#fff0 10%,#fff0 90%,#fff),linear-gradient(270deg,#fff 0,#fff0 10%,#fff0 90%,#fff),radial-gradient(ellipse 70% 80% at 50% 50%,rgba(63,81,181,.35),rgba(233,30,99,.2) 60%,transparent 90%);background-attachment:scroll;background-size:cover;background-repeat:no-repeat;background-position:50%;z-index:1}.contact-split-container{display:flex;max-width:1200px;margin:2rem auto;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:24px;box-shadow:0 8px 32px #0000001a;overflow:hidden;gap:1rem;padding:.5rem}.contact-left-panel,.contact-right-panel{flex:1 1;padding:2.5rem;background:#fafafa48;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;box-shadow:0 8px 32px #0000001a}.contact-info-list{display:flex;flex-direction:column;gap:1.5rem}.contact-info-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:12px;box-shadow:0 8px 32px #0000001a;transition:all .3s ease}.contact-info-item:hover{background:#ffffffb3;transform:translate(5px)}.contact-item-icon{width:32px;height:32px;flex-shrink:0;color:#000}.contact-item-text{display:flex;flex-direction:column;gap:.25rem;min-width:0;word-break:break-word}.contact-label{font-size:.85rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.contact-item-text a{color:#000;text-decoration:none;font-size:1rem;transition:color .3s ease}.contact-item-text a:hover{color:#555;text-decoration:none;text-underline-offset:0}.location-info{display:flex;flex-direction:column;gap:1.5rem}.location-text{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:12px;box-shadow:0 8px 32px #0000001a}.location-icon{width:32px;height:32px;color:#000;flex-shrink:0}.location-city{font-size:.8rem;font-weight:600;color:#000;margin:0}.location-subtitle{font-size:.85rem;color:#666;margin:0}.map-container{width:100%;height:280px;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.map-container iframe{width:100%;height:100%;border:0;border-radius:12px}footer{height:30vh;margin:0 1rem}footer p{text-align:center;font-size:1rem;color:#555}.footer-button-container{display:flex;justify-content:center;align-items:center;gap:20px}.stay-top-btn{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);box-shadow:0 8px 32px #0000001a;border-radius:1rem;padding:1rem;cursor:pointer;transition:all .3s ease;width:200px;max-width:90%;z-index:1000;position:relative;overflow:hidden;margin-bottom:5vh}.stay-top-btn:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001a}.stay-btn-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.stay-btn-content,.stay-text{transition:transform .3s ease}.stay-text{font-size:1.2rem;font-weight:500;letter-spacing:8px;color:#000}.morse-code{font-size:1.6rem;letter-spacing:2px;color:#000;opacity:0;transform:translateY(-15px);transition:opacity .3s ease,transform .3s ease;height:0}.stay-top-btn:hover .stay-text{transform:translateY(-8px)}.stay-top-btn:hover .morse-code{opacity:.8;transform:translateY(0);height:auto}.scroll-to-top{position:fixed;bottom:30px;left:30px;width:60px;height:60px;background:#ffffff14;backdrop-filter:blur(20px) saturate(180%);backdrop-filter:url(#frosted);-webkit-backdrop-filter:url(#frosted);border:2px solid transparent;border-radius:50%;box-shadow:0 0 0 2px #fff9,0 16px 32px #0000001f;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .4s cubic-bezier(.4,0,.2,1);z-index:9999;display:flex;align-items:center;justify-content:center}.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top:hover{background:#ffffff1f;box-shadow:0 0 0 2px #fffc,0 20px 40px #0000002e;transform:translateY(-5px) scale(1.05)}.scroll-to-top:active{transform:translateY(-3px) scale(1.02);box-shadow:0 0 0 2px #ffffffb3,0 8px 20px #00000026}.progress-ring{position:absolute;top:0;left:0;transform:rotate(-90deg);width:60px;height:60px}.progress-ring-circle{stroke-dasharray:164;stroke-dashoffset:0;transition:stroke-dashoffset .1s linear;stroke:#00000026}.progress-ring-bar{stroke-dasharray:164;stroke-dashoffset:164;transition:stroke-dashoffset .1s linear;stroke-linecap:round;stroke:#000000b3}.arrow-icon{width:24px;height:24px;color:#000c;transition:all .3s ease;position:relative;z-index:1;filter:drop-shadow(0 1px 2px hsla(0,0%,100%,.5))}.scroll-to-top:hover .arrow-icon{transform:translateY(-3px);color:#000}@media screen and (max-width:768px){.contact-split-container{flex-direction:column;margin:1rem}.contact-left-panel{border-right:none;border-bottom:1px solid hsla(0,0%,100%,.2)}.contact-left-panel,.contact-right-panel{padding:1.5rem}.map-container{height:250px}.scroll-to-top{bottom:20px;left:20px}.progress-ring,.scroll-to-top{width:55px;height:55px}.arrow-icon{width:22px;height:22px}}@media screen and (max-width:1200px){footer .nav-links{font-size:1rem;gap:1.2rem}}@media screen and (max-width:900px){footer .nav-links{font-size:.95rem;gap:1rem}footer nav{margin-bottom:1.5rem}}@media screen and (max-width:768px){footer .nav-links{font-size:.9rem;gap:.8rem;flex-wrap:wrap;justify-content:center}footer .nav-links li a{line-height:2.5rem}}@media screen and (max-width:600px){#contact,footer{height:40vh}footer nav{height:fit-content;margin-bottom:2rem}.nav-links li a{font-size:1rem;line-height:3rem}footer .nav-links{flex-direction:column;gap:.5rem;text-align:center;font-size:.85rem}footer .nav-links li a{line-height:2.2rem}}@media screen and (max-width:480px){footer .nav-links{font-size:.8rem;gap:.3rem;padding:0 .5rem}footer .nav-links li a{line-height:2rem;padding:.3rem .5rem}footer{height:auto;padding:1rem .5rem}.scroll-to-top{bottom:15px;left:15px}.progress-ring,.scroll-to-top{width:50px;height:50px}.progress-ring-bar,.progress-ring-circle{r:22;cx:25;cy:25}.arrow-icon{width:20px;height:20px}}@media screen and (max-width:380px){footer .nav-links{font-size:.75rem;gap:.2rem}footer .nav-links li a{line-height:1.8rem;padding:.2rem .4rem}}
