*{margin:0;padding:0;box-sizing:border-box}
body{font-family:tahoma;background:#f7f6f2;color:#222;line-height:1.9}

/* HEADER */
header{background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid #eee}
.topbar{display:flex;justify-content:space-between;padding:10px 20px;align-items:center}
.logo{font-weight:bold;color:#1f5e3b}
nav{display:flex;gap:10px;justify-content:center;padding:10px}
nav a{text-decoration:none;color:#555}

/* SLIDER */
.slider{position:relative;height:400px;overflow:hidden}
.slide{position:absolute;width:100%;height:100%;opacity:0;transition:1s}
.slide.active{opacity:1}
.slide img{width:100%;height:100%;object-fit:cover}

/* ABOUT */
.about{max-width:900px;margin:40px auto;padding:20px;text-align:center}

/* FEATURES */
.features{max-width:1100px;margin:auto;padding:20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}
.feature{background:#fff;padding:15px;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,.08)}
.desc{margin-top:10px;font-size:14px;color:#666}

/* ACCORDION */
button{width:100%;padding:12px;border:none;background:#1f5e3b;color:#fff;border-radius:8px}
.panel{display:none;padding:10px;background:#f1f1f1;border-radius:8px;margin-top:5px}

/* GALLERY */
.gallery{max-width:1100px;margin:auto;padding:20px}
.gallery-card{cursor:pointer;margin-bottom:20px}
.gallery-card img{width:100%;height:200px;object-fit:cover;border-radius:10px}

/* MODAL */
.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.8);justify-content:center;align-items:center}
.modal-content{background:#fff;padding:20px;border-radius:10px;max-width:90%}

/* FOOTER */
footer{background:#1f5e3b;color:#fff;text-align:center;padding:20px;margin-top:40px}
footer a{color:#fff;display:inline-block;margin:5px}