body{margin:0;font-family:Segoe UI,sans-serif}.navbar{background:#fff;justify-content:space-between;align-items:center;padding:15px 40px;display:flex}.logo{align-items:center;gap:10px;display:flex}.logo img{width:auto;height:40px}.logo h2{color:#0f5132;margin:0}.logo p{color:gray;margin:0;font-size:12px}nav a{color:#111;margin-left:20px;text-decoration:none}.hero{text-align:center;color:#fff;background:linear-gradient(135deg,#0f5132,#198754);padding:120px 20px}.badge{background:#fff3;border-radius:20px;padding:6px 12px}.hero h1{font-size:48px}.tagline{margin-top:10px;font-size:20px}.buttons{margin-top:20px}.btn{cursor:pointer;border:none;margin:10px;padding:12px 20px}.primary{color:#0f5132;background:#fff}.secondary{color:#fff;background:0 0;border:1px solid #fff}.about-text{color:#444;max-width:700px;margin:15px auto auto}.section{padding:60px 30px}.light{background:#f5f5f5}.center{text-align:center}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:30px;display:grid}.card{background:#fff;border-radius:10px;padding:20px;transition:all .3s}.card:hover{transform:translateY(-5px)}.contact-box{text-align:center;margin-top:20px}.contact-box p{margin:10px 0;font-size:16px}.contact-box a{color:#198754;text-decoration:none}footer{text-align:center;color:#fff;background:#0f5132;margin-top:40px;padding:25px}