*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#333;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0 auto;min-width:320px;min-height:100vh;overflow-x:hidden}*{-webkit-tap-highlight-color:transparent}:root{--black: #010508;--indian-red: #e25c5c;--white: #fcfcfc;--light-coral: #dd7171;--snow: #fef8f8;--goldenrod: #fdbe00;--medium-spring-green: #00fdad}.section-heading{text-align:center;margin-top:0;margin-bottom:clamp(40px,6vw,64px);font-family:Josefin Sans,sans-serif;font-size:clamp(36px,4.5vw,52px);font-weight:700;line-height:1.2;position:static}.underlined-text{background-image:url(https://cdn.prod.website-files.com/636fa9ed1d81f4b19b52cf08/63701c2c0ce0bd115b32a2ff_Static%20Squiggly%20Line%201.svg);background-position:50% 100%;background-repeat:repeat-x;background-size:auto;font-family:Gilroy,sans-serif}.accent-dot{color:var(--indian-red)}.heading-underline{background-image:url(https://cdn.prod.website-files.com/636fa9ed1d81f4b19b52cf08/63701c2c0ce0bd115b32a2ff_Static%20Squiggly%20Line%201.svg);background-position:50% 100%;background-repeat:repeat-x;background-size:auto;font-family:Gilroy,sans-serif}.golden-dot{color:var(--goldenrod)}.love-icon{color:red}.header{position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:transparent;transition:all .3s cubic-bezier(.4,0,.2,1);padding:clamp(16px,2vh,24px) 0}.header-scrolled{background-color:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px #00000014;padding:clamp(12px,1.5vh,16px) 0}.nav-container{width:auto;max-width:none;margin-left:clamp(16px,5vw,60px);margin-right:clamp(16px,5vw,60px);display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:baseline;gap:2px;text-decoration:none;transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.logo-text{font-family:Montserrat,sans-serif;font-size:clamp(16px,2vw,20px);font-weight:600;letter-spacing:.5px;color:#242424;transition:color .3s ease}.logo:hover .logo-text{color:#000}.logo-dot{font-size:clamp(20px,2.5vw,26px);font-weight:600;color:#e25c5c;margin-left:-1px;line-height:1;transition:transform .3s ease;display:inline-block}.logo:hover .logo-dot{animation:dotBounce .5s ease}@keyframes dotBounce{0%,to{transform:translateY(0)}25%{transform:translateY(-4px)}50%{transform:translateY(0)}75%{transform:translateY(-2px)}}.nav-links{display:flex;align-items:center;gap:clamp(24px,3.5vw,40px)}.nav-link{font-family:Avenir,sans-serif;font-size:clamp(15px,1.8vw,17px);font-weight:600;color:#333;text-decoration:none;position:relative;transition:color .3s ease;padding:8px 0}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#333;transition:width .3s cubic-bezier(.4,0,.2,1)}.nav-link:hover{color:#333}.nav-link:hover:after{width:100%}.nav-cta-button{display:inline-flex;align-items:center;gap:12px;padding:clamp(10px,1.5vh,14px) clamp(20px,3vw,28px);background-color:var(--black);color:#fff;font-family:Montserrat,sans-serif;font-size:clamp(14px,1.6vw,16px);font-weight:600;text-decoration:none;border-radius:100px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:4px 4px 12px #01050833}.nav-cta-button:hover{background-color:var(--black);box-shadow:0 8px 20px #0003;transform:translateY(-2px)}.download-icon{font-family:Material Icons,sans-serif;font-size:clamp(16px,1.8vw,18px);margin-right:8px;line-height:1}.hamburger{display:none;flex-direction:column;gap:5px;background:transparent;border:none;cursor:pointer;padding:8px;z-index:1001}.hamburger-line{width:28px;height:3px;background-color:#333;border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1)}.hamburger-open .hamburger-line:nth-child(1){transform:rotate(45deg) translate(7px,7px)}.hamburger-open .hamburger-line:nth-child(2){opacity:0}.hamburger-open .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}@media screen and (max-width: 1075px){.nav-container{margin-left:48px;margin-right:48px}.hamburger{display:flex}.nav-links{position:fixed;top:0;right:-100%;height:100vh;width:280px;background-color:#fff;flex-direction:column;align-items:flex-start;padding:80px 32px 32px;gap:12px;box-shadow:-4px 0 20px #0000001a;transition:right .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;z-index:1001}.nav-links-open{right:0!important}.nav-link{font-size:18px;width:100%;padding:8px 0}.nav-link:after{display:none}.nav-cta-button{width:100%;justify-content:center;margin-top:8px}}@media screen and (max-width: 767px){.nav-container{margin-left:40px;margin-right:40px}.nav-links{width:260px;padding:72px 24px 24px}}@media screen and (max-width: 479px){.header{padding:clamp(12px,2vh,16px) 0}.header-scrolled{padding:clamp(10px,1.5vh,12px) 0}.nav-container{margin-left:16px;margin-right:16px}.nav-links{width:240px;padding:64px 16px 16px}.hamburger{padding:4px}.hamburger-line{width:24px;height:2.5px}}html{scroll-behavior:smooth}#home,#experience,#skills,#projects,#certificates,#contact{scroll-margin-top:80px}.hero-section{background-color:#fff;position:relative;overflow:hidden;padding:clamp(120px,16vh,180px) 0 clamp(80px,10vh,100px)}.hero-container{width:auto;max-width:none;margin-left:clamp(16px,5vw,60px);margin-right:clamp(16px,5vw,60px);position:relative;z-index:1}.hero-content{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(40px,6vw,80px);align-items:center}.hero-text-content{display:flex;flex-direction:column;gap:clamp(16px,2.5vh,24px)}.hero-greeting{font-family:Avenir,sans-serif;font-size:clamp(18px,2.2vw,24px);font-weight:500;color:#666;margin:0;line-height:1.4}.hero-name{font-family:Gilroy,sans-serif;font-size:clamp(40px,6vw,72px);font-weight:800;line-height:1.15;margin:0;color:var(--black);text-shadow:0 2px 4px rgba(0,0,0,.05)}.hero-title{font-family:Gilroy,sans-serif;font-size:clamp(24px,3.5vw,42px);font-weight:500;line-height:1.3;margin:0;color:#333;letter-spacing:.5px}.hero-tagline{font-family:Avenir,sans-serif;font-size:clamp(18px,2.2vw,24px);font-weight:700;line-height:1.6;margin:clamp(12px,2vh,20px) 0 0 0;color:#333}.hero-description{font-family:Avenir,sans-serif;font-size:clamp(16px,2vw,18px);font-weight:500;line-height:1.8;margin:0;color:#666;max-width:540px}.hero-cta-buttons{display:flex;gap:clamp(16px,2.5vw,24px);margin-top:clamp(24px,4vh,40px);flex-wrap:wrap}.hero-btn{display:inline-flex;align-items:center;gap:clamp(8px,1.2vw,12px);padding:clamp(14px,2vh,18px) clamp(28px,4vw,40px);border-radius:100px;font-family:Montserrat,sans-serif;font-size:clamp(15px,1.8vw,18px);font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.hero-btn-primary{background-color:var(--black);color:#fff;box-shadow:6px 6px 18px #01050840}.hero-btn-primary:hover{background-color:#2a2a2a;gap:clamp(14px,2vw,18px);box-shadow:0 12px 30px #01050866;transform:translateY(-4px)}.hero-btn-secondary{background-color:transparent;color:var(--black);border:2px solid var(--black);box-shadow:0 2px 8px #0105081a}.hero-btn-secondary:hover{background-color:#fff;color:var(--black);border-color:transparent;box-shadow:0 8px 20px #01050833;transform:translateY(-4px)}.btn-arrow{font-family:Material Icons,sans-serif;font-size:clamp(20px,2.5vw,24px);line-height:1}.hero-image-wrapper{position:relative;display:flex;justify-content:center;align-items:center}.workspace-illustration{width:100%;max-width:650px;height:auto;filter:drop-shadow(0 10px 40px rgba(0,0,0,.3));transition:transform .3s ease}.workspace-illustration:hover{transform:scale(1.02)}@media screen and (max-width: 991px){.hero-container{margin-left:48px;margin-right:48px}.hero-content{grid-template-columns:1fr;gap:clamp(48px,8vh,64px)}.hero-text-content{text-align:center;align-items:center;max-width:100%}.hero-description{max-width:100%}.hero-cta-buttons{justify-content:center}.hero-image-wrapper{display:none}}@media screen and (max-width: 767px){.hero-section{padding:clamp(60px,10vh,80px) 0 clamp(60px,8vh,80px)}.hero-container{margin-left:40px;margin-right:40px}.hero-name{font-size:clamp(36px,8vw,48px)}.hero-title{font-size:clamp(22px,5vw,32px)}}@media screen and (max-width: 479px){.hero-section{padding:clamp(48px,8vh,64px) 0 clamp(48px,6vh,64px)}.hero-container{margin-left:16px;margin-right:16px}.hero-name{font-size:clamp(32px,10vw,40px)}.hero-title{font-size:clamp(20px,6vw,28px)}.hero-tagline{font-size:16px}.hero-description{font-size:15px}.hero-cta-buttons{flex-direction:column;gap:16px;width:100%}.hero-btn{width:100%;justify-content:center;padding:14px 28px}}.experience-section{background-color:#fff;padding:0;position:relative}.section-divider-top{background-image:url(https://cdn.prod.website-files.com/636fa9ed1d81f4b19b52cf08/637014e2ef41c980f620013e_Vector%20234.svg);background-position:50% 100%;background-repeat:repeat;background-size:auto;margin-top:0;padding-top:clamp(32px,4vh,48px);padding-bottom:clamp(12px,2vh,20px)}.section-divider-bottom{background-image:url(https://cdn.prod.website-files.com/636fa9ed1d81f4b19b52cf08/6373dabd726274850729483f_Section33.svg);background-position:50% 100%;background-repeat:repeat;background-size:auto;margin-top:clamp(40px,6vh,56px);padding-top:clamp(32px,4vh,48px);padding-bottom:clamp(12px,2vh,20px)}.experience-container{width:auto;max-width:none;margin-left:clamp(16px,5vw,60px);margin-right:clamp(16px,5vw,60px);margin-top:clamp(32px,5vh,64px)}.experience-timeline{display:flex;flex-direction:column;gap:0;max-width:900px;margin:0 auto}.experience-item{display:flex;gap:clamp(20px,3vw,32px);position:relative}.experience-step{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.step-number{width:clamp(48px,7vw,64px);height:clamp(48px,7vw,64px);border-radius:50%;background-color:var(--black);color:#fff;font-family:Montserrat,sans-serif;font-size:clamp(18px,2.5vw,24px);font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #01050840}.step-connector{width:2px;flex-grow:1;background:linear-gradient(180deg,var(--black) 0%,rgba(1,5,8,.15) 100%);margin-top:clamp(8px,1.5vh,12px);margin-bottom:clamp(8px,1.5vh,12px)}.experience-content{flex:1;background-color:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:clamp(20px,3.5vh,28px);margin-bottom:clamp(24px,4vh,32px);transition:all .3s ease}.experience-content:hover{border-color:var(--black);box-shadow:0 4px 16px #0000000f;transform:translateY(-2px)}.experience-header{margin-bottom:clamp(16px,2.5vh,20px);position:relative}.experience-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:clamp(12px,2vw,16px);flex-wrap:nowrap;margin-bottom:clamp(6px,1vh,8px)}.experience-role{font-family:Gilroy,sans-serif;font-size:clamp(20px,2.5vw,26px);font-weight:700;color:var(--black);margin:0;line-height:1.3}.current-badge{position:static;margin-top:clamp(5px,.625vw,8px);display:inline-block;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;font-family:Montserrat,sans-serif;font-size:clamp(9px,1vw,10px);font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:clamp(3px,.5vh,4px) clamp(6px,1vw,8px);border-radius:4px;flex-shrink:0}.experience-company{font-family:Avenir,sans-serif;font-size:clamp(14px,1.8vw,16px);font-weight:600;color:#555;margin:0 0 clamp(8px,1.2vh,10px) 0;line-height:1.4;background-color:#f5f5f5;padding:clamp(3px,.5vh,4px) clamp(10px,1.3vw,12px);border-radius:5px;display:inline-block;width:fit-content}.experience-meta{display:flex;align-items:center;gap:clamp(8px,1.2vw,12px);flex-wrap:wrap}.experience-duration,.experience-location{font-family:SF Mono,Monaco,Courier New,monospace;font-size:clamp(13px,1.5vw,14px);font-weight:500;color:#666}.meta-separator{color:#ccc;font-size:clamp(12px,1.4vw,14px)}.experience-responsibilities{list-style:none;margin:0;display:flex;flex-direction:column;gap:clamp(10px,1.6vh,12px);padding:clamp(12px,2vh,16px);background-color:#fafafa;border-radius:8px}.responsibility-item{font-family:Avenir,sans-serif;font-size:clamp(14px,1.7vw,15px);font-weight:500;color:#555;line-height:1.7;padding-left:clamp(24px,3.5vw,28px);position:relative}.responsibility-item:before{content:"→";position:absolute;left:0;color:var(--black);font-weight:700;font-size:clamp(14px,1.7vw,16px)}.experience-tech-stack{display:flex;flex-wrap:wrap;gap:clamp(6px,1vw,8px);margin-top:clamp(16px,2.5vh,20px);padding-top:clamp(16px,2.5vh,20px);border-top:1px solid #e8e8e8}.experience-tech-badge{background-color:#f8f8f8;border:1px solid #e8e8e8;border-radius:6px;padding:clamp(3px,.4vh,4px) clamp(10px,1.2vw,12px);font-family:Avenir,sans-serif;font-size:clamp(11px,1.3vw,12px);font-weight:600;color:#2a2a2a;transition:all .3s ease}.experience-tech-badge:hover{background:linear-gradient(135deg,#fff,#f5f5f5);border-color:var(--black);box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}@media screen and (max-width: 991px){.experience-container{margin-left:48px;margin-right:48px}}@media screen and (max-width: 767px){.experience-container{margin-left:40px;margin-right:40px}.step-number{width:44px;height:44px;font-size:16px}.experience-item{gap:16px}.current-badge{font-size:9px;padding:3px 6px}}@media screen and (max-width: 479px){.experience-container{margin-left:16px;margin-right:16px}.step-number{width:40px;height:40px;font-size:14px}.experience-item{gap:12px}.experience-content{padding:16px}.current-badge{font-size:8px;padding:2px 5px}.experience-meta{flex-direction:column;align-items:flex-start;gap:4px}.meta-separator{display:none}.experience-responsibilities{padding:12px}.responsibility-item{padding-left:16px}}.skills-section{background-color:#fff;padding:clamp(32px,5vh,64px) 0 clamp(40px,6vh,56px);position:relative}.skills-container{width:auto;max-width:none;margin-left:clamp(16px,5vw,60px);margin-right:clamp(16px,5vw,60px)}.skills-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(24px,3.5vh,32px);margin-top:clamp(32px,5vh,56px)}.skill-category{display:flex;flex-direction:column;gap:0;border:1px solid #e5e5e5;border-radius:12px;padding:0;background:#fff;box-shadow:0 1px 3px #0000000f;transition:all .3s ease;overflow:hidden}.skill-category:hover{box-shadow:0 4px 12px #0000001a}.category-title{font-family:Gilroy,sans-serif;font-size:clamp(18px,2.2vw,22px);font-weight:600;color:#555;margin:0;text-align:center;padding:clamp(14px,2vh,16px) clamp(16px,2.5vh,20px);background-color:#f5f5f5;position:relative;letter-spacing:.3px}.skills-grid{display:flex;flex-wrap:wrap;row-gap:clamp(12px,1.8vw,16px);column-gap:clamp(8px,1.2vw,10px);max-width:1200px;padding:clamp(16px,2.5vh,20px)}.skill-card{background-color:#f8f8f8;border-radius:100px;padding:clamp(6px,1vh,8px) clamp(12px,1.6vw,14px);display:inline-flex;align-items:center;gap:clamp(6px,.9vw,8px);border:1px solid #e8e8e8;box-shadow:0 1px 3px #00000008;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default}.skill-card:hover{background:linear-gradient(135deg,#fff,#f5f5f5);border-color:var(--black);box-shadow:0 4px 12px #00000014;transform:translateY(-3px)}.skill-icon-wrapper{width:clamp(16px,2vw,18px);height:clamp(16px,2vw,18px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.skill-icon{width:100%;height:100%;object-fit:contain}.skill-name{font-family:Avenir,sans-serif;font-size:clamp(11px,1.3vw,12px);font-weight:600;color:#2a2a2a;white-space:nowrap;line-height:1}@media screen and (max-width: 1200px){.skills-categories{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 991px){.skills-container{margin-left:48px;margin-right:48px}.skills-categories{grid-template-columns:repeat(2,1fr);gap:clamp(20px,3vh,24px)}.skills-grid{gap:10px}.category-title{font-size:clamp(17px,2.5vw,20px)}}@media screen and (max-width: 767px){.skills-container{margin-left:40px;margin-right:40px}.skills-categories{grid-template-columns:1fr;gap:clamp(20px,3vh,24px)}.skills-grid{gap:8px}.skill-card{padding:clamp(7px,1vh,8px) clamp(12px,1.8vw,14px);gap:clamp(7px,1vw,8px)}.skill-icon-wrapper{width:clamp(18px,2.2vw,20px);height:clamp(18px,2.2vw,20px)}.skill-name{font-size:clamp(12px,1.4vw,13px)}.category-title{font-size:18px}}@media screen and (max-width: 479px){.skills-section{padding:clamp(24px,4vh,48px) 0 clamp(32px,5vh,48px)}.skills-container{margin-left:16px;margin-right:16px}.skills-categories{gap:24px;margin-top:clamp(24px,4vh,40px)}.skill-category{gap:12px}.skills-grid{gap:8px}.skill-card{padding:6px 10px;gap:6px}.skill-icon-wrapper{width:16px;height:16px}.skill-name{font-size:11px}.category-title{font-size:16px}}.certificates-section{background-color:#fff;padding:clamp(32px,5vh,64px) 0 clamp(32px,5vh,48px);position:relative}.certificates-container{width:auto;max-width:none;margin-left:clamp(16px,5vw,60px);margin-right:clamp(16px,5vw,60px)}.certificates-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,40px);margin-top:clamp(32px,5vh,56px)}.certificate-card{background-color:var(--white, #fff);border-radius:10px;padding-bottom:clamp(20px,3vh,24px);position:relative;display:flex;flex-direction:column;box-shadow:1px 1px 137px -1px #0509121a;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);text-decoration:none;color:inherit}.certificate-card:hover{transform:translateY(-4px);box-shadow:2px 2px 150px -1px #05091226}.certificate-image{width:100%;aspect-ratio:4 / 3;object-fit:contain;background:#f7f9fa;border-radius:6px;margin-bottom:clamp(12px,2vh,16px)}.certificate-info{display:flex;flex-direction:column;gap:clamp(8px,1.2vh,12px);padding:0 clamp(12px,1.5vh,16px)}.certificate-title{font-family:Gilroy,sans-serif;font-size:clamp(16px,1.8vw,18px);font-weight:700;line-height:1.3;margin:0;color:var(--black)}.certificate-meta{display:flex;align-items:center;gap:clamp(8px,1.2vw,10px);flex-wrap:wrap}.certificate-organization{font-family:Avenir,sans-serif;font-size:clamp(12px,1.4vw,13px);font-weight:600;color:#555}.certificate-separator{color:#d0d0d0;font-size:clamp(12px,1.4vw,14px)}.certificate-date{font-family:Avenir,sans-serif;font-size:clamp(11px,1.3vw,12px);font-weight:500;color:#888}@media screen and (max-width: 900px){.certificates-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 991px){.certificates-container{margin-left:48px;margin-right:48px}.certificates-grid{gap:clamp(20px,3vw,32px)}.certificate-card{padding-bottom:clamp(16px,2.5vh,20px)}.certificate-info{padding:0 clamp(10px,1.5vh,14px)}}@media screen and (max-width: 767px){.certificates-container{margin-left:40px;margin-right:40px}.certificates-grid{gap:24px}.certificate-image{height:clamp(200px,25vh,280px)}.certificate-card{padding-bottom:clamp(14px,2vh,18px)}.certificate-title{font-size:17px}.certificate-info{padding:0 clamp(8px,1.2vh,12px)}}@media screen and (max-width: 600px){.certificates-grid{grid-template-columns:1fr}}@media screen and (max-width: 479px){.certificates-section{padding:clamp(24px,4vh,48px) 0 clamp(32px,5vh,48px)}.certificates-container{margin-left:16px;margin-right:16px}.certificates-grid{margin-top:clamp(24px,4vh,40px);gap:20px}.certificate-card{padding-bottom:12px}.certificate-image{height:clamp(180px,22vh,220px);margin-bottom:16px}.certificate-title{font-size:clamp(16px,4vw,18px)}.certificate-meta{gap:6px}.certificate-organization,.certificate-date{font-size:12px}.certificate-info{padding:0 8px}}.projects-section{background-color:#fff;position:relative}.section-divider-top{background-image:url(https://cdn.prod.website-files.com/636fa9ed1d81f4b19b52cf08/637014e2ef41c980f620013e_Vector%20234.svg);background-position:50% 100%;background-repeat:repeat;background-size:auto;margin-top:0;padding-top:clamp(32px,4vh,48px);padding-bottom:clamp(12px,2vh,20px)}.section-divider-bottom{background-image:url(https://cdn.prod.website-files.com/636fa9ed1d81f4b19b52cf08/6373dabd726274850729483f_Section33.svg);background-position:50% 100%;background-repeat:repeat;background-size:auto;margin-top:0;padding-top:clamp(32px,4vh,48px);padding-bottom:clamp(12px,2vh,20px)}.projects-container{width:auto;max-width:none;margin-top:clamp(8px,1vh,16px);margin-left:clamp(16px,5vw,60px);margin-right:clamp(16px,5vw,60px);padding-top:clamp(32px,5vh,64px);padding-bottom:clamp(40px,6vh,56px)}.projects-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(24px,3vw,40px);margin-top:clamp(32px,5vh,56px)}.project-card{background-color:var(--white, #fff);border-radius:10px;padding-bottom:clamp(20px,3vh,24px);position:relative;display:flex;flex-direction:column;box-shadow:1px 1px 137px -1px #0509121a;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.project-card:hover{transform:translateY(-4px);box-shadow:2px 2px 150px -1px #05091226}.project-border{display:none}.project-image{width:100%;height:clamp(140px,18vh,200px);object-fit:cover;border-radius:10px 10px 0 0;margin-bottom:clamp(16px,2vh,20px)}.project-header{margin-bottom:clamp(8px,1.2vh,12px);padding:0 clamp(12px,1.5vh,16px)}.project-title{font-family:Gilroy,sans-serif;font-size:clamp(16px,1.8vw,20px);font-weight:700;line-height:1.2;margin:0}.project-description{font-family:Avenir,sans-serif;font-size:clamp(12px,1.4vw,14px);font-weight:500;line-height:1.5;color:#333;margin:0 0 clamp(12px,2vh,16px) 0;padding:0 clamp(12px,1.5vh,16px);display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.project-tech-stack{display:flex;flex-wrap:wrap;gap:clamp(6px,1vw,8px);margin-bottom:clamp(12px,2vh,16px);padding:0 clamp(12px,1.5vh,16px)}.project-tech-badge{background-color:#f8f8f8;border:1px solid #e8e8e8;border-radius:6px;padding:clamp(3px,.4vh,4px) clamp(10px,1.2vw,12px);font-family:Avenir,sans-serif;font-size:clamp(11px,1.3vw,12px);font-weight:600;color:#2a2a2a;transition:all .3s ease}.project-tech-badge:hover{background:linear-gradient(135deg,#fff,#f5f5f5);border-color:var(--black);box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.project-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding:clamp(8px,1.5vh,12px) clamp(12px,1.5vh,16px) 0}.project-button{display:inline-flex;align-items:center;gap:clamp(6px,.8vw,8px);background-color:#09081b;color:#fff;border-radius:100px;padding:clamp(8px,1.2vh,12px) clamp(14px,2vw,20px);font-family:Montserrat,sans-serif;font-size:clamp(11px,1.3vw,13px);font-weight:600;text-decoration:none;transition:gap .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);box-shadow:4px 4px 12px #09081b47}.project-button:hover{gap:clamp(10px,1.4vw,12px);box-shadow:6px 6px 16px #09081b59}.button-arrow{font-family:Material Icons,sans-serif;font-size:clamp(16px,2vw,20px);font-weight:400;line-height:1}.project-date{color:#909090;font-family:Gilroy,sans-serif;font-size:clamp(10px,1.2vw,12px);font-weight:600;line-height:1.2}@media screen and (max-width: 1200px){.projects-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 991px){.projects-container{margin-left:32px;margin-right:32px}.projects-grid{grid-template-columns:repeat(2,1fr);gap:clamp(20px,3vw,32px)}}@media screen and (max-width: 767px){.projects-container{margin-left:40px;margin-right:40px}.projects-grid{grid-template-columns:1fr;gap:24px}.project-image{height:clamp(180px,22vh,240px)}.project-header{margin-bottom:clamp(10px,1.8vh,16px)}.project-description{margin-bottom:clamp(16px,2.5vh,24px)}.project-button{padding:clamp(10px,1.6vh,16px) clamp(20px,2.8vw,28px);font-size:clamp(13px,1.8vw,16px)}.button-arrow{font-size:clamp(18px,2.5vw,22px)}}@media screen and (max-width: 479px){.projects-container{max-width:none;margin-left:16px;margin-right:16px;padding-top:clamp(24px,4vh,48px);padding-bottom:clamp(32px,5vh,48px)}.projects-grid{margin-top:clamp(24px,4vh,40px);gap:20px}.project-image{height:clamp(160px,20vh,200px);margin-bottom:16px}.project-header{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:12px}.project-title{font-size:clamp(20px,5vw,24px)}.project-badge{padding:4px 12px}.badge-text{font-size:11px}.project-description{font-size:clamp(14px,3.5vw,16px);margin-bottom:20px}.project-footer{flex-direction:column;align-items:flex-start;gap:16px}.project-button{width:100%;justify-content:center;padding:12px 20px;font-size:14px}.button-arrow{font-size:20px}.project-date{font-size:12px}}.work-together-section{background-color:#fff;padding:0;width:100%;position:relative}.section-divider-top{background-image:url(https://cdn.prod.website-files.com/636fa9ed1d81f4b19b52cf08/637014e2ef41c980f620013e_Vector%20234.svg);background-position:50% 100%;background-repeat:repeat;background-size:auto;margin-top:0;padding-top:clamp(32px,4vh,48px);padding-bottom:clamp(12px,2vh,20px)}.work-together-container{width:auto;max-width:900px;margin:0 auto;padding:clamp(32px,5vh,64px) clamp(16px,5vw,60px) clamp(48px,8vh,80px)}.form-wrapper{width:100%}.contact-form{display:flex;flex-direction:column;gap:clamp(20px,3vh,28px)}.form-field{display:flex;flex-direction:column;gap:clamp(8px,1.2vh,12px)}.form-label{font-family:Avenir,sans-serif;font-size:clamp(14px,1.6vw,16px);font-weight:600;color:var(--black);margin:0}.required-star{color:#dc3545;margin-left:2px;vertical-align:baseline}.form-input,.form-textarea{width:100%;padding:clamp(12px,1.8vh,16px) clamp(16px,2.5vw,20px);font-family:Avenir,sans-serif;font-size:clamp(14px,1.6vw,16px);font-weight:400;color:var(--black);background-color:#fff;border:1px solid #d0d0d0;border-radius:8px;outline:none;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.form-input:focus,.form-textarea:focus{border-color:var(--black);box-shadow:0 0 0 3px #0000001a}.form-textarea{resize:vertical;min-height:clamp(120px,20vh,160px);font-family:Avenir,sans-serif}.form-textarea::placeholder{color:#999}.submit-button{width:100%;padding:clamp(14px,2vh,18px) clamp(24px,4vw,32px);font-family:Gilroy,sans-serif;font-size:clamp(16px,1.8vw,18px);font-weight:700;color:#fff;background-color:var(--black);border:none;border-radius:50px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;margin-top:clamp(8px,1.5vh,12px)}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.success-message{margin-top:clamp(24px,4vh,32px);padding:clamp(16px,2.5vh,20px);background-color:#d4edda;border:1px solid #c3e6cb;border-radius:8px;text-align:center}.success-message p{margin:0;font-family:Avenir,sans-serif;font-size:clamp(14px,1.6vw,16px);font-weight:500;color:#155724}.error-message{margin-top:clamp(24px,4vh,32px);padding:clamp(16px,2.5vh,20px);background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;text-align:center}.error-message p{margin:0;font-family:Avenir,sans-serif;font-size:clamp(14px,1.6vw,16px);font-weight:500;color:#721c24}@media screen and (max-width: 991px){.work-together-container{padding:clamp(32px,5vh,64px) 48px clamp(48px,8vh,80px)}}@media screen and (max-width: 767px){.work-together-container{padding:clamp(32px,5vh,64px) 40px clamp(48px,8vh,80px)}}@media screen and (max-width: 479px){.work-together-container{padding:clamp(32px,5vh,64px) 16px clamp(48px,8vh,80px)}.contact-form{gap:20px}.form-label{font-size:14px}.form-input,.form-textarea{padding:12px 16px;font-size:14px}.submit-button{padding:14px 24px;font-size:16px}}#footer{background-color:var(--black);padding:clamp(40px,8vh,64px) clamp(16px,5vw,60px) clamp(40px,6vh,56px);width:100%}.thanks-for-visiting-heading{color:#fff;padding-top:0;padding-bottom:clamp(32px,6vw,64px);padding-left:0;font-size:clamp(28px,5vw + .5rem,52px);line-height:clamp(1.3,1.4,1.5);margin:0;word-wrap:break-word;overflow-wrap:break-word}.contact-section{color:#fff;margin-bottom:clamp(16px,3vw,32px)}.section-label{color:#a0a0a0;white-space:normal;margin-bottom:clamp(8px,1.5vw,10px);padding-left:0;font-family:Inter,Avenir,sans-serif;font-size:clamp(16px,2vw,20px);font-weight:500;line-height:clamp(1.6,1.8,2)}.contact-links-container{display:flex;flex-wrap:wrap;column-gap:clamp(8px,2vw,16px);row-gap:clamp(16px,3vw,24px)}.contact-item{align-items:center;display:flex}.contact-icon{width:clamp(24px,3vw,32px);height:clamp(24px,3vw,32px);object-fit:contain}.contact-icon.github-icon{width:clamp(24px,3vw,32px);height:clamp(24px,3vw,32px);margin-right:0;align-self:center;display:block}.link-wrapper{color:#fff;white-space:normal;align-self:center;margin-bottom:0;padding-left:clamp(6px,1vw,8px);padding-right:clamp(12px,2vw,20px);font-family:Inter,Avenir,sans-serif;font-size:clamp(14px,1.8vw,20px);font-weight:500;line-height:clamp(1.6,1.8,2);text-decoration:none;word-break:break-word;overflow-wrap:break-word}.contact-link{color:#fff;text-decoration:none;word-break:break-word}.contact-link:hover{text-decoration:underline}.copyright-text{color:#fff;white-space:normal;margin-bottom:10px;padding-top:clamp(24px,4vw,32px);padding-left:0;font-family:Inter,Avenir,sans-serif;font-size:clamp(14px,1.8vw,20px);font-weight:500;line-height:clamp(1.6,1.8,2)}@media screen and (max-width: 480px){#footer{padding:48px 16px}.thanks-for-visiting-heading{font-size:28px;padding-bottom:40px}.contact-section{margin-bottom:24px}.section-label{font-size:16px;margin-bottom:12px}.link-wrapper,.copyright-text{font-size:14px}.contact-icon{width:24px;height:24px}.contact-icon.github-icon{width:24px;height:24px;margin-right:0}.contact-links-container{column-gap:16px;row-gap:20px}.copyright-text{padding-top:32px}}@media screen and (min-width: 481px) and (max-width: 991px){#footer{padding:48px}.thanks-for-visiting-heading{font-size:38px;padding-bottom:48px}.section-label{font-size:18px}.link-wrapper,.copyright-text{font-size:17px}.contact-icon{width:28px;height:28px}}@media screen and (min-width: 992px){#footer{padding:64px 60px 56px}.thanks-for-visiting-heading{font-size:52px;padding-bottom:64px}.section-label,.link-wrapper,.copyright-text{font-size:20px}.contact-icon{width:32px;height:32px}.contact-icon.github-icon{width:32px;height:32px;margin-right:0}}.love-icon{color:#e74c3c;display:inline-block;animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}10%,30%{transform:scale(1.1)}20%,40%{transform:scale(1)}}.project-detail-page{min-height:100vh;background-color:#fff}.project-detail-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.project-detail-header{padding:clamp(20px,3vh,32px) clamp(16px,5vw,60px);border-bottom:1px solid #e5e5e5}.back-button{display:inline-flex;align-items:center;gap:8px;background:none;border:none;font-family:Avenir,sans-serif;font-size:clamp(14px,1.6vw,16px);font-weight:600;color:#333;cursor:pointer;transition:color .3s ease}.back-button:hover{color:#000}.back-button span{font-size:clamp(18px,2vw,22px)}.project-hero{padding:clamp(40px,6vh,64px) clamp(16px,5vw,60px) clamp(32px,4vh,48px);background:linear-gradient(135deg,#f5f5f5,#fff);border-bottom:1px solid #e5e5e5}.project-hero-content{max-width:1200px;margin:0 auto}.project-detail-title{font-family:Gilroy,sans-serif;font-size:clamp(32px,4vw,48px);font-weight:800;color:var(--black);margin:0 0 clamp(12px,2vh,16px) 0;line-height:1.2}.project-date{font-family:SF Mono,Monaco,Courier New,monospace;font-size:clamp(13px,1.5vw,14px);font-weight:500;color:#666}.project-detail-container{max-width:1200px;margin:0 auto;padding:clamp(32px,5vh,64px) clamp(16px,5vw,60px)}.project-banner{margin-bottom:clamp(48px,6vh,64px);border-radius:12px;overflow:hidden;box-shadow:0 4px 24px #00000014}.project-banner img{width:100%;height:auto;display:block}.project-section{margin-bottom:clamp(48px,6vh,64px)}.section-title{font-family:Gilroy,sans-serif;font-size:clamp(24px,3vw,32px);font-weight:700;color:#333;margin:0 0 clamp(20px,3vh,24px) 0;padding-bottom:clamp(12px,2vh,16px);border-bottom:2px solid #f5f5f5}.project-full-description{font-family:Avenir,sans-serif;font-size:clamp(15px,1.8vw,17px);font-weight:500;line-height:1.8;color:#444;margin:0}.tech-stack-grid{display:flex;flex-wrap:wrap;gap:clamp(12px,1.5vw,16px)}.tech-badge{background-color:#f8f8f8;border:1px solid #e8e8e8;border-radius:8px;padding:clamp(10px,1.5vh,12px) clamp(16px,2vw,20px);font-family:Avenir,sans-serif;font-size:clamp(13px,1.5vw,15px);font-weight:600;color:#2a2a2a;transition:all .3s ease}.tech-badge:hover{background:linear-gradient(135deg,#fff,#f5f5f5);border-color:var(--black);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.features-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(16px,2.5vh,20px)}.feature-item{font-family:Avenir,sans-serif;font-size:clamp(14px,1.7vw,16px);font-weight:500;color:#444;line-height:1.6;padding-left:clamp(28px,4vw,32px);position:relative}.feature-item:before{content:"✓";position:absolute;left:0;color:#43e97b;font-weight:700;font-size:clamp(16px,2vw,18px)}.screenshots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(20px,3vw,32px)}.screenshot-image{width:100%;height:auto;border-radius:8px;box-shadow:0 2px 12px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.screenshot-image:hover{transform:scale(1.02);box-shadow:0 4px 20px #00000026}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px;box-shadow:0 4px 24px #00000014}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.project-external-link{display:inline-flex;align-items:center;gap:8px;background-color:var(--black);color:#fff;font-family:Montserrat,sans-serif;font-size:clamp(14px,1.6vw,16px);font-weight:600;padding:clamp(14px,2vh,16px) clamp(28px,3.5vw,32px);border-radius:8px;text-decoration:none;transition:all .3s ease}.project-external-link:hover{background-color:#333;transform:translateY(-2px);box-shadow:0 4px 16px #0003}@media screen and (max-width: 768px){.project-detail-container{padding:clamp(24px,4vh,40px) clamp(20px,5vw,32px)}.screenshots-grid{grid-template-columns:1fr}}