*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;scroll-behavior:smooth;font-family:Poppins,sans-serif}:root{--bg-color: #080808;--secondary-bg-color: #101010;--text-color: #ffffffcb;--main-color: #41e3ff;--secondary-color: #00268d}@font-face{font-family:MonumentExtended;src:url(/assets/MonumentExtended-Regular.C8KTyA3T.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:MonumentExtended;src:url(/assets/MonumentExtended-Ultrabold.B6yQFpyd.otf) format("opentype");font-weight:800;font-style:normal;font-display:swap}html{font-size:60%;overflow-x:hidden;scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-color)}.header{position:fixed;top:1.6rem;left:50%;transform:translate(-50%);width:auto;max-width:1200px;padding:.9rem 2.2rem;background:#0a0a0a8c;border-radius:28px;border:1px solid rgba(255,255,255,.04);backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%);display:flex;justify-content:center;align-items:center;box-shadow:0 18px 40px #02061799,inset 0 1px #ffffff05;z-index:1200;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.header:hover{transform:translate(-50%) translateY(-2px);box-shadow:0 26px 60px #020617b3,inset 0 1px #ffffff08}.gradient-btn{position:fixed;left:45vw;z-index:1301;font-family:MonumentExtended,sans-serif}#menu-icon{font-size:3.5rem;color:var(--main-color);display:none}span{background:linear-gradient(270deg,var(--main-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:transparent;font-family:MonumentExtended,sans-serif;font-weight:800}.header #icon{width:40px;height:40px;display:inline-block;position:fixed;right:50vw}.header #icon img{width:75px;height:75px;object-fit:contain;margin-top:-10px;margin-left:-20rem}.navbar{display:flex;justify-content:center;align-items:center;gap:4.8rem}.navbar a{font-size:2.5rem;color:var(--text-color);margin:0;font-weight:600;transition:color .22s ease,text-shadow .22s ease,filter .22s ease,transform .22s ease;border-bottom:3px solid transparent;font-family:BBH Bogle,sans-serif;font-weight:400;padding:0 1rem;display:inline-block}.navbar a:hover{color:var(--main-color);text-shadow:0 0 14px rgba(65,227,255,.25),0 0 32px rgba(65,227,255,.12);filter:drop-shadow(0 6px 18px rgba(65,227,255,.1));transform:translateY(-2px)}.navbar a:focus-visible{outline:2px solid rgba(65,227,255,.12);outline-offset:4px;text-shadow:0 0 14px rgba(65,227,255,.3)}.gradient-btn{font-size:1.8rem;padding:1rem 2rem;border-radius:3rem;background:linear-gradient(270deg,var(--main-color),var(--secondary-color));letter-spacing:1px;cursor:pointer;transition:.3s ease-in-out;color:#fff;border:none;text-wrap:nowrap;font-weight:500}.gradient-btn a{color:var(--text-color);font-family:MonumentExtended,sans-serif}.gradient-btn:hover{transform:scale(1.05);box-shadow:0 0 25px var(--main-color)}section{min-height:100vh;padding:6rem 15%}.home{display:flex;align-items:center;justify-content:flex-end;gap:4rem}.home{position:relative}.home-content{display:flex;flex-direction:column;align-items:flex-end;text-align:right;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:4rem 7rem;box-shadow:0 30px 60px #020617a6,0 6px 20px #41e3ff0f;border-radius:3rem;width:40vw;max-width:680px;min-width:320px;box-sizing:border-box;margin-left:auto;overflow:hidden}.home-content{position:relative;z-index:2}.home-content h1{font-size:clamp(3.5rem,6.5vw,10rem);font-weight:800;margin-top:1.5rem;line-height:1.1;font-family:MonumentExtended,sans-serif;word-break:keep-all;overflow-wrap:normal;max-width:100%}.home-content h3{margin:1rem 0;font-size:clamp(2.5rem,4.5vw,5.5rem);font-weight:700;font-family:BBH Bogle,sans-serif;word-break:keep-all;overflow-wrap:normal;max-width:100%}.home-content h4{margin:1rem 0;font-size:clamp(1.5rem,2.5vw,3rem);font-weight:700;font-family:BBH Bogle,sans-serif;word-break:keep-all;overflow-wrap:normal;max-width:100%}.home-img img{width:45vw;border-radius:50%;box-shadow:0 0 25px var(--main-color);transition:.4s ease-in-out;max-width:32vw}.home-img img:hover{box-shadow:0 0 25px var(--main-color),0 0 50px var(--main-color),0 0 100px var(--main-color)}.social-icons a{display:inline-flex;justify-content:center;align-items:center;font-size:3rem;width:5.2rem;height:5.2rem;padding:0;background:#0000004d;border:2px solid var(--main-color);border-radius:50%;color:var(--main-color);margin:3rem .5rem;transition:.3s ease-in-out;box-sizing:border-box;line-height:1}.social-icons a i{display:block;margin:0;line-height:1;font-size:2.4rem;transform:none}.social-icons a:hover{color:var(--text-color);background-color:var(--main-color);transform:scale(1.2)translateY(-5px);box-shadow:0 0 25px var(--main-color)}.btn-group{display:flex;gap:1.5rem}.btn{display:inline-block;padding:1rem 3rem;background-color:var(--main-color);box-shadow:0 0 25px var(--main-color);border-radius:3rem;font-size:1.8rem;color:#000;border:2px solid transparent;font-weight:600;transition:.3s ease-in-out;font-family:BBH Bogle,sans-serif;font-weight:400}.btn:hover{transform:scale(1.05);box-shadow:0 0 25px var(--main-color),0 0 50px var(--main-color)}.btn-group a:nth-of-type(2){background-color:#0000004d;color:var(--main-color);border:2px solid var(--main-color);box-shadow:0 0 25px transparent}.btn-group a:nth-of-type(2):hover{box-shadow:0 0 25px var(--main-color);background-color:var(--main-color);color:#000}.scroll-down{height:5rem;width:2rem;position:absolute;right:50%;bottom:1%}.scroll-down:before,.scroll-down:after{content:"";position:absolute;top:20%;left:50%;height:15px;width:15px;transform:translate(-50%,-100%) rotate(45deg);border:2px solid lightgray;border-top:transparent;border-left:transparent;animation:scroll-down 2s ease-in-out infinite}.scroll-down:before{top:30%;animation-delay:.4s}@keyframes scroll-down{0%{opacity:0}30%,60%{opacity:1}90%{opacity:0}to{opacity:0;top:90%}}.home-background{position:fixed;right:0;width:100%;height:100%;z-index:0;pointer-events:none}.about{display:flex;justify-content:center;align-items:center;z-index:100;position:relative;background:transparent}.about-card{display:flex;justify-content:center;align-items:center;gap:10rem;background:#0000004d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:6rem 8rem;border-radius:5rem;border:1px solid rgba(255,255,255,.04);box-shadow:0 30px 60px #020617a6,0 6px 20px #41e3ff0f}.about-img{display:flex;justify-content:center;align-items:center;padding:2rem}.about-img img{width:25vw;border-radius:50%;box-shadow:0 0 25px var(--main-color);transition:.4s ease-in-out;max-width:25vw;display:block}.about-img img:hover{box-shadow:0 0 25px var(--main-color),0 0 50px var(--main-color),0 0 100px var(--main-color)}.about-content{background:transparent;padding:0;box-shadow:none;border:none;backdrop-filter:none;-webkit-backdrop-filter:none}.about-content h2{font-size:7rem;text-align:left}.about-content p{font-size:2rem}.about-content .btn{margin:3rem 0}.about-page{display:flex;justify-content:center;align-items:center;gap:10rem;background:var(--secondary-bg-color)}#projects[data-finished=true],#projects.stack-locked[data-finished=true]{position:static!important;z-index:auto!important;pointer-events:auto!important}.projects-box .project-card{will-change:transform,opacity}.projects-box{transform:translateZ(0)}.about-page-content h1{font-size:7rem;text-align:center;margin:5rem 0}.about-page-content h2{font-size:2rem;text-align:left;margin:2rem 3rem}.about-page-content p{font-size:1.8rem;line-height:1.8;margin:2rem 3rem}.projects{position:relative}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background-color:var(--main-color);border-radius:10px}::-webkit-scrollbar-track{background-color:var(--bg-color)}.heading{text-align:center;font-size:7rem;margin:5rem 0}h1,h2,h3,.heading,.pin-inner>.heading{font-family:MonumentExtended,sans-serif;letter-spacing:.02em}.experience{background:transparent;padding:6rem 15%;position:relative;z-index:10}.experience .heading{text-align:center;margin-bottom:6rem;position:relative;z-index:10}.experience-container{display:flex;flex-direction:column;gap:3rem;max-width:1200px;margin:0 auto}.experience-card{background:#0000004d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:3rem 4rem;border-radius:2rem;border:1px solid rgba(255,255,255,.04);box-shadow:0 30px 60px #020617a6,0 6px 20px #41e3ff0f;transition:transform .3s ease,box-shadow .3s ease}.experience-card:hover{transform:translate(8px);box-shadow:0 35px 70px #020617bf,0 8px 25px #41e3ff1f}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1.5rem;z-index:10}.company-info h3{font-size:2.8rem;color:var(--text-color);margin-bottom:.5rem;font-family:MonumentExtended,sans-serif}.company-info h4{font-size:3rem;background:linear-gradient(270deg,var(--main-color),var(--secondary-color));background-clip:text;-webkit-background-clip:text;font-family:BBH Bogle,sans-serif;font-weight:400}.experience-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.experience-meta .date{font-size:2rem;color:var(--main-color);font-weight:500;font-family:BBH Bogle,sans-serif}.experience-meta .location{font-size:2rem;color:var(--text-color);font-family:BBH Bogle,sans-serif;font-weight:400}.experience-meta .date.badge{background:linear-gradient(90deg,var(--secondary-color),#016ba5,var(--main-color));color:#fff;padding:.6rem 1.5rem;border-radius:2rem;font-size:2rem;font-weight:400;box-shadow:0 2px 15px #41e3ff4d;display:inline-block}.experience-details{list-style:none;padding:0;margin:0}.experience-details li{font-size:1.6rem;line-height:1.8;color:var(--text-color);margin-bottom:1rem;padding-left:2.5rem;position:relative;font-family:Poppins,sans-serif}.experience-details li:before{content:"▹";position:absolute;left:0;color:var(--main-color);font-size:2rem;line-height:1.6}.experience-details li:last-child{margin-bottom:0}@media(max-width:900px){.experience-header{flex-direction:column;align-items:flex-start}.experience-meta{align-items:flex-start}.company-info h3{font-size:2.4rem}.company-info h4{font-size:1.8rem}.experience-details li{font-size:1.5rem}}.projects>.heading,.projects .heading{text-align:right;transform:translate(10rem,5rem)}.projects:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:400px;background:linear-gradient(to bottom,transparent,var(--secondary-bg-color));pointer-events:none;z-index:1}.projects-box{position:relative;height:100vh;padding-top:18vh;display:block}.projects-box .stack-inner{transform-style:preserve-3d;transform:perspective(900px) rotateY(var(--rotateY, 0deg)) rotateX(var(--rotateX, 0deg))}.project-card{position:absolute;top:40%;left:50%;transform:translate(-50%,-40%);width:60%;max-width:443px;min-width:360px;background:#000000b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 0 15px var(--main-color)!important;border:2px solid rgba(255,255,255,.04);border-radius:1.6rem;padding:2rem;box-shadow:0 0 25px var(--main-color)!important;transition:transform .3s ease,opacity .22s ease;height:650px}.project-card img{max-width:400px;height:auto;display:block;border-radius:10px;margin-bottom:1rem}.project-card h3{font-size:3rem}.project-card p{font-size:1.6rem;max-width:400px}.project-card h4{font-size:2rem;margin-bottom:1rem;font-family:BBH Bogle,sans-serif;font-weight:400}.project-card .btn{margin-top:2rem}.project-card[data-index]{transform-origin:center}@media(max-width:1400px)and (min-width:901px){.home-content h1{font-size:clamp(3.5rem,6.5vw,8.5rem)}.home-content h3{font-size:clamp(2.5rem,4.5vw,6rem)}}@media(max-width:900px){.projects-box .stack-inner,.project-card .card-inner{transform:none!important}.project-card{width:85%;max-width:420px;min-width:300px;transform:translate(-50%,-20%)}}.stack-locked{position:sticky;top:0;z-index:999}.contact{position:relative;overflow:hidden;min-height:100vh;background:linear-gradient(180deg,var(--secondary-bg-color) 0%,var(--bg-color) 100%);margin-top:0;padding-top:0}.contact-spline{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;object-fit:cover}.contact h2{margin-bottom:3rem;color:var(--text-color);text-align:center;position:relative;z-index:3}.contact-cards-container{display:flex;flex-direction:column;gap:2rem;max-width:700px;margin:0 auto;padding:4rem 2rem;position:relative;z-index:3}.contact-card{background:#0000004d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:2rem 3rem;border-radius:2rem;border:1px solid rgba(255,255,255,.04);box-shadow:0 30px 60px #020617a6,0 6px 20px #41e3ff0f;text-align:left;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;display:flex;flex-direction:row;align-items:center;gap:2rem}.contact-card:hover{transform:translateY(-8px);box-shadow:0 35px 70px #020617bf,0 8px 25px #41e3ff1f;border-color:#41e3ff33}.contact-card i{font-size:4rem;color:var(--main-color);flex-shrink:0}.contact-card .contact-info{display:flex;flex-direction:row;align-items:center;gap:1rem}.contact-card h3{font-size:2.4rem;color:var(--text-color);font-family:MonumentExtended,sans-serif;margin:0}.contact-card a{font-size:1.6rem;color:var(--main-color);text-decoration:none;transition:color .3s ease;font-family:BBH Bogle,sans-serif;word-break:break-all}.contact-card a:hover{color:#41e3ffcc;text-decoration:underline}@media(max-width:900px){.contact-cards-container{grid-template-columns:1fr;gap:2rem;padding:2rem 1rem}.contact-card{padding:3rem 2rem}.contact-card i{font-size:4rem}.contact-card h3{font-size:2rem}.contact-card a{font-size:1.4rem}}.footer{background-color:var(--bg-color);padding:50px 0;position:relative;z-index:10}.footer .social-icons{text-align:center}.footer ul{text-align:center;font-size:1.8rem}.footer ul li{display:inline-block;margin-left:20px}.spline-widget-overlay{z-index:0!important;position:absolute!important}.footer ul li a{color:#fff;border-bottom:3px solid transparent;transition:color .22s ease,text-shadow .22s ease,filter .22s ease;font-family:BBH Bogle,sans-serif}.footer ul li a:hover{color:var(--main-color);text-shadow:0 0 14px rgba(65,227,255,.25),0 0 32px rgba(65,227,255,.12);filter:drop-shadow(0 6px 18px rgba(65,227,255,.1))}.footer .copyright{text-align:center;margin-top:40px;font-size:16px}@media(max-width:1285px){html{font-size:55%}#menu-icon{display:block;position:fixed;top:2rem;left:2rem;z-index:10001;cursor:pointer}.header{width:90%;padding:.8rem 1.5rem}.header #icon{position:fixed;left:50%;transform:translate(-50%)}.header #icon img{width:60px;height:60px;margin-left:0}.navbar{position:absolute;top:100%;left:-1.5rem;width:calc(100% + 3rem);padding:2rem 3rem;background:#000000f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom-left-radius:2rem;border-bottom-right-radius:2rem;border-left:2px solid var(--main-color);border-right:2px solid var(--main-color);border-bottom:2px solid var(--main-color);box-shadow:0 10px 30px #00000080;display:none;z-index:1000;flex-direction:column;gap:0}.navbar a{display:block;font-size:2.2rem;margin:1rem 0;color:var(--text-color);padding:1rem;border-radius:1rem;transition:all .3s ease}.navbar a:hover{background:#41e3ff1a;color:var(--main-color);transform:translate(5px)}.navbar.active{display:flex}.gradient-btn{display:none}.home{flex-direction:column-reverse;margin:0;gap:3rem;padding:10rem 3rem 3rem;width:100%;align-items:center;justify-content:center;min-height:100vh}.home-content{align-items:center;text-align:center;width:95%;max-width:600px;padding:3rem 2rem}.home-content h1{font-size:5rem;line-height:1.2;margin-top:0}.home-content h3{font-size:3.5rem;line-height:1.3}.home-content h4{font-size:2rem}.social-icons a{width:4.5rem;height:4.5rem;font-size:2.5rem;margin:2rem .5rem}.social-icons a i{font-size:2rem}.about{padding:5rem 3rem}.about-card{flex-direction:column;gap:4rem;padding:4rem 3rem;border-radius:3rem;align-items:center;text-align:center}.about-img{padding:2rem}.about-img img{width:50vw;max-width:300px}.about-content h2{font-size:4.5rem;text-align:center}.about-content p{font-size:1.8rem;text-align:center}.experience{padding:5rem 3rem}.experience .heading{font-size:5rem;margin-bottom:4rem}.experience-card{padding:2.5rem 3rem}.projects{padding:5rem 3rem}.mobile-project-controls{display:none}.projects .heading{font-size:5rem;transform:translateY(2rem);text-align:center}.project-card{width:85%;min-width:320px;max-width:450px}.contact{padding:5rem 3rem}.contact .heading{font-size:5rem}.contact-cards-container{padding:3rem 2rem}.contact-card{flex-direction:row;padding:2.5rem}.footer{padding:3rem 0}.footer ul{flex-wrap:wrap;gap:1rem}.footer ul li{margin:.5rem}}@media(max-width:768px){html{font-size:52%}.header{width:92%;padding:.7rem 1.2rem;top:1.2rem}.header #icon img{width:50px;height:50px}#menu-icon{font-size:3rem;top:1.5rem;left:1.5rem}.home{padding:9rem 2rem 3rem}.home-content{width:95%;padding:2.5rem 2rem}.home-content h1{font-size:4rem}.home-content h3{font-size:2.8rem}.home-content h4{font-size:1.8rem}.social-icons a{width:4.2rem;height:4.2rem;margin:1.5rem .4rem}.about{padding:4rem 2rem}.about-card{gap:3rem;padding:3rem 2rem}.about-img img{width:55vw;max-width:250px}.about-content h2{font-size:4rem}.about-content p{font-size:1.7rem}.experience{padding:4rem 2rem}.experience .heading{font-size:4.5rem}.experience-card{padding:2rem 2.5rem}.company-info h3{font-size:2.4rem}.company-info h4{font-size:2.6rem}.experience-details li{font-size:1.5rem}.projects{padding:4rem 2rem}.projects .heading{font-size:4.5rem}.project-card{width:90%;height:auto;min-height:550px}.project-card h3{font-size:2.6rem}.project-card h4{font-size:1.8rem}.project-card p{font-size:1.5rem}.contact{padding:4rem 2rem}.contact .heading{font-size:4.5rem}.contact-card{flex-direction:column;text-align:center;padding:2rem}.contact-card .contact-info{flex-direction:column;align-items:center}.contact-card i{font-size:3.5rem}.contact-card h3{font-size:2.2rem}.contact-card a{font-size:1.5rem}.btn{padding:1rem 2.5rem;font-size:1.6rem}}@media(max-width:480px){html{font-size:50%}.header{width:94%;padding:.6rem 1rem;top:1rem}.header #icon img{width:50px;height:50px;margin-top:1rem;margin-left:20rem}#menu-icon{font-size:2.8rem;top:1.2rem;left:1.2rem}.navbar{padding:1.5rem 2rem}.navbar a{font-size:2rem;padding:.8rem}section{padding:3rem 5%}.home{padding:8rem 1.5rem 2rem;gap:2rem}.home-content{width:100%;padding:10rem 2rem;border-radius:2rem}.home-content h1{font-size:7rem;line-height:1.1}.home-content h3{font-size:5rem;margin:.8rem 0}.home-content h4{font-size:3rem;margin:.8rem 0}.social-icons a{width:4rem;height:4rem;font-size:2.2rem;margin:1.5rem .3rem}.social-icons a i{font-size:1.8rem}.about{padding:3rem 1.5rem}.about-card{gap:2.5rem;padding:2.5rem 1.5rem;border-radius:2rem}.about-img{padding:1.5rem}.about-img img{width:65vw;max-width:220px}.about-content h2{font-size:3.5rem}.about-content p{font-size:1.6rem;line-height:1.7}.experience{padding:3rem 1.5rem}.experience .heading{font-size:4rem;margin-bottom:3rem}.experience-card{padding:2rem}.company-info h3{font-size:2.2rem}.company-info h4{font-size:2.4rem}.experience-meta .date,.experience-meta .location{font-size:1.8rem}.experience-meta .date.badge{font-size:1.5rem;padding:.5rem 1.2rem}.experience-details li{font-size:1.4rem;padding-left:2rem}.projects{padding:3rem 1.5rem}.projects .heading{font-size:4rem;transform:translateY(1.5rem)}.project-card{width:95%;min-width:280px;padding:1.8rem;min-height:500px}.project-card img{max-width:100%;margin-bottom:1rem}.project-card h3{font-size:2.4rem;margin-bottom:.5rem}.project-card h4{font-size:1.7rem;margin-bottom:.8rem}.project-card p{font-size:1.4rem;line-height:1.6}.project-card .btn{margin-top:1.5rem;padding:.9rem 2rem;font-size:1.5rem}.mobile-project-controls,#next-project-btn{display:none}.projects-box{padding-top:18vh}.project-card{width:90%;max-width:360px;min-width:280px;padding:1.8rem}.contact{padding:3rem 1.5rem}.contact .heading{font-size:4rem;margin-bottom:2rem}.contact-cards-container{padding:2rem 1rem;gap:1.5rem}.contact-card{padding:1.8rem;gap:1.5rem}.contact-card i{font-size:3.2rem}.contact-card h3{font-size:2rem}.contact-card a{font-size:1.4rem;word-break:break-word}.footer{padding:2.5rem 0}.footer .social-icons a{width:4rem;height:4rem;margin:1.5rem .3rem}.footer .social-icons a i{font-size:1.8rem}.footer .copyright{font-size:1.4rem;margin-top:2rem}.btn{padding:.9rem 2.2rem;font-size:1.5rem}.heading{font-size:4rem;margin:3rem 0}}.cube{position:fixed;inset:0;width:100vw;height:100vh;z-index:50;pointer-events:none!important;display:block}.cube>canvas{width:100%;height:100%;display:block;pointer-events:none!important}.spline-widget-overlay,.spline-widget-overlay *,.cube,.cube *,spline-viewer,spline-viewer *{pointer-events:none!important}