@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap";:root{--bg-primary: #111827;--bg-secondary: #1f2937;--text-primary: #f9fafb;--text-secondary: #9ca3af;--accent-color: #66b2a2}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:Montserrat,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);width:100%;height:100vh;overflow:hidden;font-size:18px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#55998a}.app-container{height:100vh;width:100vw;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth;position:relative}.section-container{height:100vh;width:100%;scroll-snap-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;position:relative}.heading-spaced{letter-spacing:.2em;text-transform:uppercase;font-weight:300}.text-accent{color:var(--accent-color)}.bg-accent{background-color:var(--accent-color)}.flex-center{display:flex;justify-content:center;align-items:center}@media(max-width:768px){.section-container{height:auto;min-height:100vh;padding:6rem 2rem 4rem;justify-content:center;scroll-snap-align:start}}.navbar{position:absolute;top:0;left:0;width:100%;padding:1.5rem 2rem;z-index:50;pointer-events:none}.navbar-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.social-icons{display:flex;gap:1.5rem;pointer-events:auto}.social-icons a{color:var(--text-secondary);transition:color .3s ease}.social-icons a:hover{color:var(--accent-color)}.get-in-touch{pointer-events:auto}.contact-link{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;font-size:.875rem;letter-spacing:.1em;transition:color .3s ease}@media(max-width:768px){.navbar{display:none}}.hero-container{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative}.hero-content{z-index:10;display:flex;flex-direction:column;align-items:center}.hero-profile-img{width:200px;height:200px;border-radius:50%;object-fit:cover;margin-bottom:2rem;box-shadow:0 4px 15px #0003}.hero-subtitle{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:1.25rem}.hero-title{font-size:3rem;font-weight:600;margin-bottom:.5rem}.hero-name{background:linear-gradient(to right,var(--text-primary),var(--accent-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.typewriter-container{min-height:48px;margin-bottom:3rem;display:flex;align-items:center;justify-content:center}.typewriter-text{font-size:1.5rem;font-weight:400;color:var(--text-secondary)}.nav-pills{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.nav-pill{padding:.5rem 1.5rem;border:1px solid var(--text-secondary);border-radius:9999px;color:var(--text-secondary);text-decoration:none;font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;transition:all .3s ease}.nav-pill:hover{border-color:var(--accent-color);color:var(--accent-color)}.hero-rings{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;z-index:0}.ring{position:absolute;border:1px solid var(--text-secondary);border-radius:50%;opacity:.2}.ring-1{width:200px;height:200px;animation:pulse 2s infinite ease-in-out}.ring-2{width:400px;height:400px}.ring-3{width:600px;height:600px;opacity:.1}@keyframes pulse{0%{transform:scale(.95);opacity:.2}50%{transform:scale(1);opacity:.4}to{transform:scale(.95);opacity:.2}}.hero-socials{display:none;flex-direction:column;align-items:center;gap:1.5rem;margin-top:3rem}.social-icons-hero{display:flex;gap:1.5rem}.social-icon{color:var(--text-secondary);transition:color .3s ease,transform .3s ease;display:flex;align-items:center;justify-content:center}.social-icon:hover{color:var(--accent-color);transform:translateY(-2px)}.hero-get-in-touch{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:.85rem;letter-spacing:.15em;text-decoration:none;font-weight:500;transition:opacity .3s ease;text-transform:uppercase}.hero-get-in-touch:hover{opacity:.7}@media(max-width:768px){.hero-title{font-size:2.25rem}.hero-subtitle{font-size:.95rem}.hero-profile-img{width:160px;height:160px}.typewriter-text{font-size:1.1rem}.nav-pills{gap:.5rem}.nav-pill{padding:.4rem .75rem;font-size:.7rem}.hero-rings{display:none}.hero-socials{display:flex;margin-top:2rem;gap:1.25rem}}.about-container{height:100%;width:100%;max-width:1000px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.section-title{position:absolute;top:10%;text-transform:uppercase;letter-spacing:.5em;color:var(--text-secondary);font-size:1.25rem}.about-content{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-top:4rem}@media(min-width:768px){.about-content{flex-direction:row;text-align:left;gap:4rem}}.about-image{width:350px;height:450px;object-fit:cover;border-radius:1rem;filter:grayscale(100%);transition:filter .3s ease}.about-image:hover{filter:grayscale(0%)}.about-text{flex:1}.about-subtitle{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.about-text p{color:var(--text-secondary);line-height:1.7;margin-bottom:1rem;text-align:justify}@media(max-width:768px){.about-image{width:100%;max-width:320px;height:auto;aspect-ratio:350 / 450}.about-subtitle{font-size:1.25rem}.about-text{padding:0 1rem}.about-text p{font-size:.95rem;text-align:justify;line-height:1.6}.section-title{position:relative;top:auto;margin-bottom:2rem}}@media(max-width:768px){.experience-card{width:85vw;max-width:100%;padding:1.5rem;height:auto}.experience-cards-wrapper{padding:2rem 1rem;margin-top:1.5rem}.experience-cards-wrapper::-webkit-scrollbar-track{margin:0 10vw}.experience-cards-scroll{padding-left:0;padding-right:0;gap:1rem}.card-role{font-size:1.15rem}.client-logo-wrapper{padding:0 1.5rem}.client-logo{height:40px;max-width:140px}.experience-header-area{position:static;margin-bottom:1rem;margin-top:2rem}.card-desc li{font-size:.85rem;margin-bottom:.5rem}.recommendation-text{font-size:.85rem}.card-duration{margin-bottom:1rem}}.experience-container{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden}.experience-header-area{position:absolute;top:6%;width:100%;display:flex;flex-direction:column;align-items:center}.experience-header-area .section-title{position:relative;top:0;margin:.5rem 0;font-size:1.5rem}.clients-subtitle{margin:0 0 1rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-secondary);opacity:.7}.client-marquee-section{margin-top:2rem;display:flex;flex-direction:column;align-items:center}.client-marquee-container{width:100vw;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent);mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent);display:flex;align-items:center}.client-marquee{display:flex;align-items:center;width:max-content;animation:scroll-marquee 40s linear infinite}@keyframes scroll-marquee{0%{transform:translate(0)}to{transform:translate(-25%)}}.client-logo-wrapper{padding:0 4rem;display:flex;justify-content:center;align-items:center}.client-logo{height:70px;max-width:250px;object-fit:contain;filter:invert(1) grayscale(100%);mix-blend-mode:screen;opacity:.8;transition:all .3s ease}.client-logo:hover{opacity:1}.experience-cards-wrapper{width:100%;margin-top:10rem;display:flex;overflow-x:auto;padding:2rem 2rem 4rem;scroll-snap-type:x mandatory}.experience-cards-wrapper::-webkit-scrollbar{height:5px}.experience-cards-wrapper::-webkit-scrollbar-track{background:#66b2a20d;border-radius:10px;margin:0 20vw;box-shadow:inset 0 0 6px #0003}.experience-cards-wrapper::-webkit-scrollbar-thumb{background:#66b2a266;border-radius:10px;box-shadow:0 2px 4px #0000004d;transition:background .3s ease}.experience-cards-wrapper::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.experience-cards-scroll{display:flex;gap:3rem}.experience-card{scroll-snap-align:center;background-color:var(--bg-secondary);padding:2.5rem;border-radius:2rem;width:650px;flex-shrink:0;display:flex;flex-direction:column;text-align:left;opacity:.7;transition:opacity .5s ease,transform .5s cubic-bezier(.4,0,.2,1);position:relative}.experience-card:hover{opacity:1;transform:translateY(-8px)}.card-logo-container{display:flex;justify-content:center;margin-bottom:2rem}.card-logo{width:80px;height:80px;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 6px -1px #0000001a}.card-role{font-size:1.5rem;font-weight:600;margin-bottom:.25rem}.card-company{color:var(--accent-color);font-weight:500;text-transform:capitalize;font-size:1rem;margin-bottom:1rem}.card-tech-stack{display:flex;gap:.75rem;margin-bottom:1.5rem;align-items:center}.tech-icon{width:24px;height:24px;object-fit:contain}.tech-icon[src*=amazonwebservices],.tech-icon[src*=github]{filter:invert(1)}.card-duration{color:var(--text-secondary);font-size:.75rem;letter-spacing:.05em;margin-bottom:1.5rem;text-transform:uppercase;font-weight:600}.card-content{display:flex;flex-direction:column;gap:1.5rem;height:100%}.card-desc{list-style-type:disc;padding-left:1.25rem;color:var(--text-secondary);flex-grow:1}.card-desc li{margin-bottom:.75rem;line-height:1.6;text-align:justify}.recommendation-box{background-color:#66b2a21a;border-left:4px solid var(--accent-color);padding:1.5rem;border-radius:0 .5rem .5rem 0;position:relative;margin-top:auto}.quote-icon{color:var(--accent-color);opacity:.3;margin-bottom:.5rem}.recommendation-text{font-style:italic;color:var(--text-primary);line-height:1.6;font-size:.95rem;margin-bottom:.75rem;text-align:justify}.recommendation-author-container{display:flex;align-items:center;gap:.75rem;margin-top:1rem}.recommendation-image{width:40px;height:40px;border-radius:50%;object-fit:cover;filter:grayscale(100%);transition:filter .3s ease}.recommendation-image:hover{filter:grayscale(0%)}.recommendation-author{font-weight:600;color:var(--accent-color);font-size:.875rem}@media(max-width:768px){.experience-card{width:85vw;max-width:100%;padding:1.5rem 1.5rem 2rem;height:auto!important;min-height:fit-content;box-sizing:border-box}.experience-cards-wrapper{padding:2rem 1rem;margin-top:1.5rem}.experience-cards-wrapper::-webkit-scrollbar-track{margin:0 10vw}.experience-cards-scroll{padding-left:0;padding-right:0;gap:1.5rem}.card-role{font-size:1.15rem}.client-logo-wrapper{padding:0 1.5rem}.client-logo{height:40px;max-width:140px}.experience-header-area{position:static;margin-bottom:1rem;margin-top:2rem}.card-desc li{font-size:.85rem;margin-bottom:.5rem}.recommendation-text{font-size:.85rem}.card-duration{margin-bottom:.5rem}.card-content{height:auto!important;flex:1;display:flex;flex-direction:column;justify-content:flex-start;gap:.75rem}.recommendation-box{height:auto!important;margin-top:auto!important;padding:1rem 1rem 1.25rem;box-sizing:border-box}.clients-container{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:2rem}}@media(max-width:768px){.services-grid-wrapper{grid-template-columns:1fr;margin-top:10rem;border-right:1px solid rgba(255,255,255,.1);border-bottom:none}.service-grid-card{border-right:none;border-bottom:1px solid rgba(255,255,255,.1);padding:2.5rem 1.5rem}.service-grid-card:last-child{border-bottom:none}.card-top{flex-direction:row;gap:1.5rem}}.services-container{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:0}.services-header-area{position:absolute;top:6%;width:100%;display:flex;flex-direction:column;align-items:center}.services-header-area .section-title{position:relative;top:0;margin:.5rem 0;font-size:1.25rem;color:var(--text-secondary);letter-spacing:.3em;font-weight:300}.services-grid-wrapper{width:100%;max-width:1050px;margin:8rem auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;background-color:transparent;padding:0;justify-content:center}.service-grid-card{display:flex;flex-direction:column;align-items:flex-start;padding:0;transition:none;background-color:transparent}.service-grid-card:hover{background-color:transparent}.card-top{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:2rem;text-align:left;width:100%}.title-group{display:flex;flex-direction:column;align-items:flex-start}.service-main-title{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin:0;text-align:left;line-height:1.4;white-space:nowrap}.service-divider{width:100%;height:1px;background-color:#ffffff14;margin-bottom:2rem}.card-body{display:flex;flex-direction:column;height:100%;width:100%;align-items:flex-start}.service-list{list-style-type:none;padding-left:0;color:var(--text-secondary);margin:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%}.service-list li{margin-bottom:1.5rem;line-height:1.6;font-size:1.05rem;opacity:.65;display:flex;align-items:flex-start;justify-content:flex-start;text-align:left;width:100%;white-space:nowrap}.bullet-point{margin-right:12px;color:var(--text-secondary);opacity:.6;font-weight:700}.bullet-text{flex:1}@media(max-width:1024px){.services-grid-wrapper{margin:8rem 2rem 0;width:calc(100% - 4rem)}.service-grid-card{padding:2rem 1.5rem}.card-top{flex-direction:column;gap:1rem}}@media(max-width:768px){.services-header-area{top:2%}.services-grid-wrapper{grid-template-columns:1fr;margin-top:5rem;gap:1rem}.service-grid-card{padding:0;align-items:flex-start}.card-top{align-items:flex-start;text-align:left;margin-bottom:.25rem}.title-group{align-items:flex-start;gap:.25rem}.service-main-title{white-space:normal;text-align:left;font-size:1.05rem}.service-sub-title{font-size:.75rem}.service-divider{width:100%;margin:.25rem 0 .5rem}.card-body{align-items:flex-start}.service-list{align-items:flex-start;gap:.25rem}.service-list li{white-space:normal;text-align:left;justify-content:flex-start;font-size:.8rem;margin-bottom:.15rem;padding-bottom:.15rem}}.projects-container{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden}.projects-header-area{position:absolute;top:6%;width:100%;display:flex;flex-direction:column;align-items:center}.projects-header-area .section-title{position:relative;top:0;margin:.5rem 0;font-size:1.5rem}.projects-cards-wrapper{width:100%;margin-top:8rem;display:flex;overflow-x:auto;padding:2rem 2rem 4rem;scroll-snap-type:x mandatory}.projects-cards-wrapper::-webkit-scrollbar{height:5px}.projects-cards-wrapper::-webkit-scrollbar-track{background:#66b2a20d;border-radius:10px;margin:0 20vw;box-shadow:inset 0 0 6px #0003}.projects-cards-wrapper::-webkit-scrollbar-thumb{background:#66b2a266;border-radius:10px;box-shadow:0 2px 4px #0000004d;transition:background .3s ease}.projects-cards-wrapper::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.projects-cards-scroll{display:flex;gap:3rem}.project-card{scroll-snap-align:center;background-color:var(--bg-secondary);padding:0;border-radius:2rem;width:650px;height:600px;flex-shrink:0;display:flex;flex-direction:column;text-align:left;opacity:.7;transition:opacity .5s ease,transform .5s cubic-bezier(.4,0,.2,1);position:relative;text-decoration:none;box-shadow:0 10px 30px -15px #00000080}.project-card:hover{opacity:1;transform:translateY(-8px)}.project-content{display:flex;flex-direction:column;flex-grow:1;padding:2.5rem}.project-image-container{width:100%;height:320px;flex-shrink:0;margin-bottom:0;border-radius:2rem 2rem 0 0;overflow:hidden}.project-image{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(100%);opacity:.9;transition:all .5s ease}.project-card:hover .project-image{transform:scale(1.02);filter:grayscale(0%);opacity:1}.project-header-row{display:flex;justify-content:flex-start;align-items:center;margin-bottom:1.25rem;gap:1rem}.project-title{font-size:1.4rem;font-weight:700;margin:0;letter-spacing:-.02em;color:var(--text-primary)}.project-desc{color:var(--text-secondary);opacity:.85;line-height:1.7;font-size:1rem;margin-top:0;text-align:justify}@media(max-width:768px){.projects-cards-wrapper{padding:2rem 1rem}.projects-cards-wrapper::-webkit-scrollbar-track{margin:0 10vw}.project-card{width:85vw;height:auto!important;min-height:480px;max-width:100%;padding:0}.project-image-container{height:220px}.projects-header-area{position:static;margin-bottom:1rem;margin-top:2rem}.projects-cards-scroll{gap:1.5rem}.project-content{padding:1.5rem}.project-title{font-size:1.15rem}.project-desc{font-size:.85rem}}.contact-container{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.contact-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:600px;width:100%;padding:0 1rem}.contact-heading{font-size:2rem;font-weight:600;margin-bottom:.5rem}.underline-blue{text-decoration:underline;text-decoration-color:#3b82f6;text-underline-offset:8px;text-decoration-thickness:4px}.contact-subtext{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:2rem;max-width:500px;opacity:.85}.section-title-inline{color:var(--text-secondary);font-size:1rem;margin-bottom:1.5rem}.contact-info{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.contact-item{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:1.25rem}.contact-icon{color:var(--accent-color);width:24px;height:24px}.contact-link{color:inherit;text-decoration:none;transition:color .3s}.contact-link:hover{color:var(--accent-color)}.contact-form{display:flex;flex-direction:column;gap:.5rem;width:100%}.form-row{display:flex;gap:.5rem}.form-input,.form-textarea{width:100%;padding:.75rem 1rem;border-radius:.375rem;border:none;background-color:var(--bg-primary);color:var(--text-primary);font-family:inherit;font-size:.95rem;transition:outline .2s ease}.form-input:focus,.form-textarea:focus{outline:2px solid var(--accent-color)}.form-textarea{min-height:100px;resize:vertical}.submit-btn{background-color:var(--accent-color);color:#fff;border:none;padding:.75rem;border-radius:.375rem;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .3s ease}.submit-btn:hover{opacity:.8}@media(max-width:768px){.contact-heading{font-size:1.25rem}.contact-item{font-size:.9rem}.contact-info{gap:.5rem;margin-bottom:1.5rem}.form-row{flex-direction:column}.contact-content{gap:1rem}}.app-container{height:100vh;width:100vw;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth}.snap-section{height:100vh;width:100%;scroll-snap-align:start;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.bg-secondary{background-color:var(--bg-secondary)}.global-home-btn{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1000;display:flex;justify-content:center;align-items:center;width:36px;height:36px;background-color:var(--text-secondary);color:var(--bg-primary);border-radius:50%;text-decoration:none;opacity:.5;transition:opacity .3s;animation:blinkPulse 2s infinite ease-in-out}.global-home-btn:hover{opacity:1}@keyframes blinkPulse{0%{opacity:.3;transform:translate(-50%) scale(1)}50%{opacity:.7;transform:translate(-50%) scale(1.05)}to{opacity:.3;transform:translate(-50%) scale(1)}}.desktop-only{display:block;width:100%}.mobile-only{display:none;width:100%}@media(max-width:768px){.global-home-btn{display:none}.snap-section{height:auto!important;min-height:100vh}.desktop-only{display:none}.mobile-only{display:block}}