:root{--primary:#013819;--secondary:#01461f;--creame:#ebd5b3;--background:#f9f9f6}body,html{max-width:100vw;overflow-x:hidden;background-color:var(--background)}*{box-sizing:border-box;padding:0;margin:0}.navbar-logo{font-size:1.5rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:1px;transition:color .3s ease}.navbar-logo:hover{color:var(--secondary);text-decoration:none}.header-title{color:var(--primary)}.primary-btn{background-color:var(--primary);color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:15px;transition:all .3s ease}.primary-btn:hover{background-color:transparent}.primary-btn:hover,.secondary-btn{color:var(--primary);border:1px solid var(--primary)}.secondary-btn{cursor:pointer;transition:all .3s ease}.secondary-btn:hover{background-color:var(--primary);color:#fff}.about-heading{font-size:1.5rem;font-weight:700;text-align:start;color:var(--primary)}.about-text{font-size:1rem;font-weight:400;text-align:start;line-height:1.5}.about-icon,.about-summary{color:var(--primary)}.services-bg{background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);transition:all .3s ease;border-radius:.5rem}.service-card{background-color:var(--secondary);transition:transform .3s ease,box-shadow .3s ease;border:none;border-radius:.5rem}.service-card:hover{transform:translateY(-5px);box-shadow:0 4px 15px rgba(0,0,0,.1)!important}.service-icon{color:var(--creame);font-size:2rem;margin-bottom:1rem}.service-title{color:#fff;font-size:1.25rem;font-weight:700}.service-description{color:#c7c4c4;font-size:.9rem;line-height:1.5}.work-card{transition:transform .3s ease,box-shadow .3s ease;border-radius:.5rem;background-color:var(--background)}.work-card:hover{transform:translateY(-5px);box-shadow:0 4px 15px rgba(0,0,0,.1)!important}.work-title{font-size:1.25rem;color:var(--primary)}.work-description{font-size:.9rem;color:var(--primary);line-height:1.5}.tech-badge{background-color:var(--creame);color:var(--primary);font-size:.8rem;padding:.3rem .6rem;border-radius:.25rem}.card-img-top{object-fit:contain;height:300px;border-top-left-radius:.5rem;border-top-right-radius:.5rem}.footer-btn{background-color:var(--primary);color:#fff;transition:all .3s ease}.footer-btn:hover{background-color:transparent;color:var(--primary);border:1px solid var(--primary)}.footer-text{font-size:smaller}.footer-link{text-decoration:none;color:var(--creame)}