:root{--primary-color: #1b4708;--light-bg: #f9f7ff;--dark-text: #222}body{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;margin:0;background:var(--light-bg);color:var(--dark-text)}.navbar{background:var(--primary-color);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:1rem;box-shadow:0 2px 5px #0000001a}.navbar .logo{font-size:1.4rem;font-weight:700}.nav-links a{color:#fff;margin-left:1rem;text-decoration:none;font-weight:500}.nav-links a:hover{text-decoration:underline}.hero{text-align:center;padding:5rem 1.5rem}.hero h2{font-size:2.2rem;margin-bottom:.8rem}.highlight{color:var(--primary-color)}.hero p{max-width:600px;margin:0 auto 1.5rem;line-height:1.6}button{background:var(--primary-color);color:#fff;border:none;border-radius:100px;padding:.75rem 1.25rem;cursor:pointer;font-size:1rem}button:hover{background:#aeff00}.about{padding:3rem 1.5rem;text-align:center}.about h2{font-size:1.8rem;margin-bottom:1rem}.card-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:2rem}.card{background:#fff;border-radius:12px;padding:1.5rem;width:260px;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease}.card:hover{transform:translateY(-5px)}footer{text-align:center;background:#fff;padding:1rem;margin-top:3rem;border-top:1px solid #eee;font-size:.9rem}