html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}body{color:#000;background-color:#fff;font-family:Poppins,sans-serif;font-weight:400;line-height:1.6;overflow-x:hidden}.header-container{justify-content:space-between;align-items:center;max-width:1440px;margin:0 auto;padding:4rem 2rem;display:flex}.header-content{max-width:50%}.greeting{color:#000;margin-bottom:1rem;font-size:1.5rem;font-weight:600;display:block}.name{color:#ff6300;margin-bottom:2rem;font-size:2rem;font-weight:600;display:block}.main-title{margin:0;font-size:5rem;font-weight:700;line-height:1}.offset{margin-left:30%}.description{max-width:80%;margin:2rem 0;font-size:1.2rem;font-weight:400}.hire-btn{color:#fff;cursor:pointer;background:#ff6300;border:none;border-radius:.25rem;padding:1rem 2rem;font-family:Poppins,sans-serif;font-weight:500;transition:background .3s}.hire-btn:hover{background:#e65900}.image-wrapper{flex-direction:column;align-items:center;max-width:45%;display:flex;position:relative}.profile-image{object-fit:contain;width:80%;height:auto;max-height:100vh}.navbar-container{justify-content:space-between;align-items:center;max-width:1440px;margin:0 auto;padding:1rem 2rem;display:flex}.logo-wrapper{align-items:center;text-decoration:none;display:flex}.logo-icon{cursor:pointer;background:#ffffffe6;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex}.menu-items{align-items:center;gap:1.5rem;display:flex}.menu-link{color:#000;cursor:pointer;padding:.5rem;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:400;text-decoration:none;transition:color .3s}.menu-link:hover{color:#ff6300}.download-btn{color:#fff;cursor:pointer;background:#ff6300;border:none;border-radius:.25rem;padding:.8rem 1.5rem;font-family:Poppins,sans-serif;font-weight:500;transition:background .3s}.download-btn:hover{background:#e65900}.social-icons{justify-content:center;align-items:center;gap:32px;width:100%;margin-top:24px;display:flex}.social-icon{cursor:pointer;background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;padding:8px;transition:all .3s;display:flex}.social-icon img,.social-icon svg{object-fit:contain;width:100%;height:100%}.social-icon:hover{transform:translateY(-3px)}@media (width<=1024px){.main-title{font-size:4rem}.offset{margin-left:20%}}@media (width<=768px){.header-container{flex-direction:column;gap:2rem;padding:2rem 1rem}.header-content{text-align:center;max-width:100%}.offset{margin-left:0}.description{text-align:center;max-width:100%;margin:1.5rem auto}.image-wrapper{max-width:100%;margin-top:1rem}.profile-image{width:100%;max-height:70vh}.main-title{font-size:3rem;line-height:1.2}.navbar-container{justify-content:flex-end;gap:1rem;padding:1rem;display:flex}.menu-items{display:none}.download-btn{width:auto;padding:.6rem 1.2rem}.social-icons{justify-content:center;margin-top:24px}}@media (width<=480px){.header-container{padding:1.5rem 1rem}.main-title{font-size:2.2rem}.name{margin-bottom:1.5rem;font-size:1.4rem}.greeting{font-size:1.2rem}.description{margin:1rem auto;font-size:1rem}.hire-btn{padding:.8rem 1.5rem;font-size:1rem}.logo-box{width:2.5rem;height:2.5rem}.logo-letter{font-size:2rem}.brand-name{font-size:1.5rem}.social-icon{width:40px;height:40px}}.about-me-container{background-color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;font-family:Poppins,sans-serif;display:flex}.section-container{box-sizing:border-box;flex-direction:row;flex-grow:1;justify-content:center;align-items:center;width:100%;max-width:1412px;margin:0 auto;padding:20px;display:flex}.about-section-new{box-sizing:border-box;flex-direction:row;justify-content:space-between;align-items:center;gap:60px;width:100%;max-width:1200px;padding:60px 20px;display:flex}.about-text-col{opacity:0;flex:0 0 42%;max-width:42%;transition:opacity .7s,transform .7s;transform:translate(-40px)}.about-text-col.about-text-visible{opacity:1;transform:translate(0)}.about-label{letter-spacing:3px;text-transform:uppercase;color:#ff6b00;margin-bottom:.75rem;font-size:.85rem;font-weight:600;display:inline-block}.about-heading-new{letter-spacing:1.5px;color:#0f172a;margin:0 0 1.25rem;font-size:3.5rem;font-weight:700;line-height:1.1}.about-desc-new{color:#475569;margin:0 0 1rem;font-size:1.05rem;font-weight:400;line-height:1.75}.about-desc-new strong{color:#0f172a;font-weight:600}.about-accent-line{background:linear-gradient(90deg,#ff6b00,#ff9a3c);border-radius:2px;width:56px;height:4px;margin-top:1.5rem}.about-cards-grid{flex:0 0 55%;grid-template-columns:repeat(2,1fr);gap:20px;max-width:55%;display:grid}.service-card-new{cursor:default;opacity:0;background:#fff;border:1px solid #f1f5f9;border-radius:16px;flex-direction:column;align-items:flex-start;padding:1.5rem;transition:opacity .5s,transform .5s,box-shadow .25s,border-color .25s;display:flex;transform:translateY(28px);box-shadow:0 2px 12px #0000000d}.service-card-new.card-visible{opacity:1;transform:translateY(0)}.service-card-new:hover{border-color:#ff6b0040;transform:translateY(-4px);box-shadow:0 8px 32px #ff6b0024}.service-card-icon-wrap{background:linear-gradient(135deg,#fff3e8,#ffe4cc);border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1rem;display:flex;overflow:hidden}.service-card-icon{object-fit:contain;width:40px;height:40px}.service-card-title{color:#0f172a;margin:0 0 .5rem;font-size:1rem;font-weight:700;line-height:1.3}.service-card-desc{color:#64748b;margin:0;font-size:.875rem;font-weight:400;line-height:1.65}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.services-section{box-sizing:border-box;background-color:#fff;flex-direction:column;align-items:center;width:100%;min-height:584px;padding:2rem;font-family:Poppins,sans-serif;display:flex}.services-heading{letter-spacing:1.95px;color:#000;text-align:center;margin:0;font-size:4rem;font-weight:600}.services-description{letter-spacing:.63px;color:#000;text-align:center;max-width:932px;margin:1rem 0 2.5rem;font-size:1.3rem;font-weight:400;line-height:1.5}.services-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-content:center;gap:2rem;width:100%;max-width:1200px;display:grid}.service-card{cursor:pointer;background-color:#f3f3f3;border-radius:14px;flex-direction:column;align-items:center;padding:1.25rem;transition:transform .2s,box-shadow .2s;display:flex}.service-card:hover{transform:scale(1.02);box-shadow:0 4px 20px #0000001a}.service-icon{object-fit:contain;width:70px;height:70px;margin-top:1.25rem}.service-title{letter-spacing:.96px;color:#000;text-align:center;margin:1.25rem 0 .6rem;font-size:2rem;font-weight:600}.service-text{letter-spacing:.57px;color:#000;text-align:center;margin:0;font-size:1.2rem;font-weight:400;line-height:1.5}@media (width<=480px){.about-me-container{min-height:auto;padding:1rem}.section-container{flex-direction:column;padding:10px}.about-section{padding:10px}.about-content{flex-direction:column;gap:20px}.about-text-content,.skills-container{width:100%;max-width:100%}.about-heading{text-align:center;margin-bottom:1rem;font-size:2.5rem}.about-description{text-align:center;margin-bottom:1.5rem;font-size:1rem}.skill-name{font-size:1.2rem}.skill-track{height:8px}.services-section{padding:1rem}.services-heading{font-size:2rem}.services-description{margin:.5rem 0 1.5rem;font-size:.9rem}.services-grid{grid-template-columns:1fr;gap:1rem}.service-card{padding:1rem}.service-icon{width:50px;height:50px;margin-top:.5rem}.service-title{margin:1rem 0 .5rem;font-size:1.5rem}.service-text{font-size:.9rem}}@media (width>=769px){.services-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}.service-card{border-radius:10px;padding:.8rem}.service-icon{width:50px;height:50px}.service-title{font-size:1.5rem}.service-text{font-size:1rem}}@media (width>=481px) and (width<=768px){.about-heading{font-size:3rem}.about-description{font-size:1.1rem}.services-heading{font-size:2.5rem}.services-description{font-size:1rem}.services-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.service-title{font-size:1.75rem}.service-text{font-size:1rem}}@media (width<=900px){.about-section-new{flex-direction:column;gap:40px;padding:40px 16px}.about-text-col,.about-cards-grid{flex:unset;width:100%;max-width:100%}.about-heading-new{font-size:2.6rem}}@media (width<=480px){.about-section-new{gap:28px;padding:32px 12px}.about-heading-new{font-size:2rem}.about-cards-grid{grid-template-columns:1fr;gap:14px}.service-card-new{padding:1.1rem}}.whatsapp-button{z-index:999;transition:all .3s;position:fixed;bottom:30px;right:30px}.whatsapp-icon{color:#25d366;background:#fff;border-radius:50%;width:70px;height:70px;padding:8px;transition:all .3s;box-shadow:0 4px 12px #00000040}.whatsapp-icon:hover{transform:scale(1.1);box-shadow:0 6px 16px #0000004d}@media (width<=768px){.whatsapp-button{bottom:20px;right:20px}.whatsapp-icon{width:50px;height:50px;padding:10px}}.contact-footer-container{background-color:#fff;flex-direction:column;align-items:center;width:100%;font-family:Poppins,sans-serif;display:flex}.main-content-wrapper{flex-direction:column;flex-grow:1;align-items:center;width:100%;display:flex}.projects-section{padding:4rem 2rem}.section-header{text-align:center;max-width:800px;margin:0 auto 3rem}.highlight{color:#fd6f00}.section-title{opacity:0;margin-bottom:1rem;font-size:3.5rem;transform:translateY(20px)}.section-subtitle{color:#666;opacity:0;margin-bottom:2rem;font-size:1.2rem;transform:translateY(20px)}.journey-highlights{justify-content:center;gap:2rem;margin-bottom:4rem;display:flex}.highlight-card{text-align:center;opacity:0;background:#fff;border-radius:10px;padding:2rem;transform:translateY(20px);box-shadow:0 4px 6px #0000001a}.highlight-number{color:#ff6300;margin-bottom:.5rem;font-size:2rem;font-weight:700}.highlight-label{color:#555;margin:0;font-size:1rem}.categories-menu{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3rem;display:flex}.category-button{cursor:pointer;border:none;border-radius:25px;padding:.8rem 1.5rem;font-size:1rem;transition:all .3s}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto;display:grid}.project-card{background:#fff;border-radius:15px;transition:transform .3s;overflow:hidden;box-shadow:0 4px 6px #0000001a}.card-media{height:200px;position:relative;overflow:hidden}.project-image{object-fit:contain;width:100%;height:100%}.video-thumbnail{cursor:pointer;position:relative}.play-button{color:#fff;text-shadow:0 2px 4px #0000004d;font-size:3rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-content{padding:1.5rem}.project-links{gap:1rem;margin-top:1rem;display:flex}.project-links a{color:#fd6f00;font-weight:500;text-decoration:none}.project-category{background:#f3f3f3;border-radius:15px;margin-top:1rem;padding:.3rem .8rem;font-size:.8rem;display:inline-block}.animate-slide-in{animation:.6s ease-out forwards slideIn}.animate-fade-in{animation:.6s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.scale-up{animation:.3s scaleUp}@keyframes scaleUp{50%{transform:scale(1.1)}to{transform:scale(1)}}.project-card:hover{transform:translateY(-5px)}.animate-card-0{animation-delay:.1s}.animate-card-1{animation-delay:.2s}.animate-card-2{animation-delay:.3s}@media (width<=768px){.projects-section{padding:3rem 1rem}.section-title{margin-bottom:.5rem;font-size:2rem}.section-subtitle{margin-bottom:1.5rem;font-size:.95rem}.journey-highlights{flex-direction:column;align-items:center;gap:1rem}.highlight-card{width:100%;max-width:300px;margin:.5rem;padding:1rem}.categories-menu{gap:.5rem}.category-button{padding:.5rem 1rem;font-size:.85rem}.projects-grid{grid-template-columns:1fr;gap:1rem}.card-media{height:150px}.card-content{padding:1rem}.project-links{flex-direction:column;gap:.5rem}.project-links a{text-align:center;padding:.5rem;display:block}}@media (width<=480px){.section-title{font-size:1.75rem}.section-subtitle{font-size:.9rem}.category-button{padding:.4rem .8rem;font-size:.8rem}.card-media{height:130px}.project-card h3{font-size:1.1rem}.project-description{font-size:.85rem}}@media (width>=769px) and (width<=1024px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.card-media{height:160px}.section-title{font-size:3rem}}@media (width>=1025px) and (width<=1200px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (width<=768px){.contact-footer-container{min-height:auto}.main-content-wrapper{padding:1rem}}.contact-section{flex-direction:column;align-items:center;width:100%;max-width:932px;margin:3.75rem 0;padding:1.25rem;display:flex}.contact-title{letter-spacing:.12em;color:#000;text-align:center;margin-bottom:.9rem;font-size:4rem;font-weight:600}.contact-description{letter-spacing:.03em;color:#000;text-align:center;margin-bottom:3rem;font-size:1.3rem;font-weight:400}.contact-form{gap:1.5rem;width:100%;max-width:874px;display:flex}.contact-input{color:#797979;background:#f8f8f8;border:1px solid #afafaf;border-radius:.9rem;width:100%;height:4.7rem;padding:0 1.6rem;font-size:1.3rem}.contact-button{color:#fff;cursor:pointer;background:#fd6f00;border:none;border-radius:.9rem;padding:1.25rem 2.25rem;font-size:1.5rem;font-weight:600;transition:background .3s}.footer-root{background:#f9f9f9;border-top:1px solid #e8e8e8;width:100%;font-family:Poppins,sans-serif}.footer-inner{max-width:1200px;margin:0 auto;padding:3.5rem 2rem 1.5rem}.footer-top{grid-template-columns:1.6fr 1fr 1.4fr;align-items:start;gap:3rem;display:grid}.footer-brand{flex-direction:column;gap:.6rem;display:flex}.footer-name{color:#111;font-size:1.5rem;font-weight:700}.footer-col{flex-direction:column;gap:.8rem;display:flex}.footer-col-heading{text-transform:uppercase;letter-spacing:2px;color:#ff6300;margin-bottom:.2rem;font-size:.8rem;font-weight:700}.footer-nav{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.footer-nav-link{color:#444;cursor:pointer;font-size:.92rem;text-decoration:none;transition:color .2s,padding-left .2s;display:inline-block}.footer-nav-link:hover{color:#ff6300;padding-left:4px}.footer-email{color:#555;word-break:break-all;margin-top:.4rem;font-size:.82rem;text-decoration:none;transition:color .2s}.footer-email:hover{color:#ff6300}.footer-root .social-icons{justify-content:flex-start;gap:.6rem;width:fit-content;margin:0}.footer-root .social-icon{background:#eee;width:36px;height:36px}.footer-divider{background:#e0e0e0;height:1px;margin:2.5rem 0 1.25rem}.footer-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.footer-copy,.footer-made{color:#888;font-size:.82rem}.footer-heart{color:#ff6300}@media (width<=768px){.footer-inner{padding:2.5rem 1.25rem 1.25rem}.footer-top{text-align:center;grid-template-columns:1fr;gap:2rem}.footer-brand{align-items:center}.footer-tagline{max-width:100%}.footer-col,.footer-nav{align-items:center}.footer-nav-link:hover{padding-left:0}.footer-root .social-icons{justify-content:center}.footer-bottom{text-align:center;flex-direction:column;justify-content:center}}@media (width<=480px){.footer-name{font-size:1.25rem}.footer-inner{padding:2rem 1rem 1rem}}.footer-container{display:none}.footer-content{flex-wrap:wrap;justify-content:space-between;gap:2rem;width:100%;max-width:1200px;margin:0 auto;display:flex}.footer-brand-section{flex:1;min-width:250px}.footer-logo{align-items:center;gap:.6rem;margin-bottom:1rem;display:flex}.logo-box{background:#ff6300;border-radius:4px;place-items:center;width:3rem;height:3rem;display:grid}.logo-letter{color:#fff;font-family:Inter,sans-serif;font-size:1.8rem;font-weight:700}.brand-name{color:#000;font-family:Inter,sans-serif;font-size:1.8rem;font-weight:700}.footer-tagline{color:#555;max-width:300px;font-size:1rem;line-height:1.6}.footer-links-section{flex:1;min-width:200px}.footer-heading{color:#000;margin-bottom:1.5rem;font-size:1.2rem;font-weight:600}.footer-menu{flex-direction:column;gap:.8rem;margin:0;padding:0;list-style:none;display:flex}.menu-item{color:#444;cursor:pointer;font-size:1rem;transition:color .3s,padding-left .3s}.menu-item:hover{color:#fd6f00;padding-left:5px}.footer-social-section{flex:1;min-width:250px}.social-icons-wrapper{margin-bottom:1.5rem}.footer-root .social-icons{gap:1rem;display:flex}.footer-root .social-icon img,.footer-root .social-icon svg{width:24px;height:24px;transition:transform .3s}.footer-root .social-icon:hover img,.footer-root .social-icon:hover svg{transform:translateY(-3px)}.footer-contact-info p{color:#666;font-size:.95rem}.footer-bottom{text-align:center;border-top:1px solid #ddd;width:100%;margin-top:3rem;padding-top:1.5rem}.copyright-text{color:#777;font-size:.9rem}@media (width<=768px){.footer-container{padding:3rem 1.5rem 1.5rem}.footer-content{text-align:center;flex-direction:column;gap:2.5rem}.footer-brand-section,.footer-links-section,.footer-social-section{align-items:center;width:100%}.footer-logo{justify-content:center}.footer-tagline{margin:0 auto}.social-icons-wrapper{justify-content:center;display:flex}.social-icons-wrapper .social-icons{justify-content:center!important}.footer-menu{align-items:center}.projects-title,.contact-title{font-size:2.5rem}.contact-form{flex-direction:column;align-items:center}.contact-input,.contact-button{width:100%;max-width:500px}}@media (width<=480px){.projects-title,.contact-title{font-size:2rem}.brand-name{font-size:1.5rem}.footer-heading{margin-bottom:1rem}}.schedule-button{color:#fff;background:#fd6f00;border-radius:8px;align-items:center;gap:.5rem;padding:1rem 2rem;font-family:Poppins,sans-serif;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.schedule-button:hover{background:#ca5900;transform:translateY(-2px);box-shadow:0 4px 15px #00a2ff4d}.project-description ul{margin:.5rem 0;padding-left:0;list-style-type:none}.project-description li{margin-bottom:.3rem;padding-left:1.2rem;font-size:.9rem;line-height:1.4;position:relative}.exp-section{color:#1a1a1a;background-color:#fff;justify-content:center;padding:6rem 1.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.exp-container{width:100%;max-width:860px}.exp-header{opacity:0;margin-bottom:3.5rem;transition:opacity .65s,transform .65s;transform:translateY(-24px)}.exp-header.exp-header--visible{opacity:1;transform:translateY(0)}.exp-label{text-transform:uppercase;letter-spacing:3px;color:#fd6f00;margin-bottom:.6rem;font-size:.8rem;font-weight:700;display:block}.exp-title{color:#111;text-transform:uppercase;letter-spacing:-1px;margin:0;font-size:3rem;font-weight:800;line-height:1}.exp-timeline{flex-direction:column;gap:0;display:flex}.exp-item{opacity:0;gap:2rem;transition:opacity .6s,transform .6s;display:flex;transform:translate(-32px)}.exp-item.exp-item--visible{opacity:1;transform:translate(0)}.exp-marker{flex-direction:column;flex-shrink:0;align-items:center;padding-top:.2rem;display:flex}.exp-square{background-color:#fd6f00;flex-shrink:0;width:14px;height:14px;transition:transform .35s cubic-bezier(.34,1.56,.64,1) .15s;transform:scale(0)}.exp-item.exp-item--visible .exp-square{transform:scale(1)}.exp-line{transform-origin:top;background-color:#fd6f00;flex-grow:1;width:2px;margin-top:10px;transition:transform .8s .3s;transform:scaleY(0)}.exp-item.exp-item--visible .exp-line{transform:scaleY(1)}.exp-item:last-child .exp-line{display:none}.exp-content{flex:1;padding-bottom:3rem}.exp-item:last-child .exp-content{padding-bottom:.5rem}.exp-duration{text-transform:uppercase;letter-spacing:1.5px;color:#6a7c92;margin-bottom:.6rem;font-size:.82rem;font-weight:600;display:block}.exp-role{color:#111;letter-spacing:-.5px;margin:0 0 .35rem;font-size:1.9rem;font-weight:800;line-height:1.15}.exp-company{color:#333;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 1rem;font-size:.9rem;font-weight:800}.exp-description{color:#4a5568;max-width:640px;margin-top:12px;padding-left:18px;font-size:1rem;list-style-type:disc}.exp-description li{margin-bottom:6px;line-height:1.6}@media (width<=768px){.exp-section{padding:4rem 1rem}.exp-title{font-size:2.2rem}.exp-item{gap:1.25rem}.exp-role{font-size:1.5rem}.exp-square{width:12px;height:12px}}@media (width<=480px){.exp-title{font-size:1.8rem}.exp-role{font-size:1.3rem}.exp-description{font-size:.9rem}}
