:root{--green:#123c2d;--gold:#d39a1f}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#222}.container{width:min(1100px,92%);margin:auto}.navbar{position:fixed;top:0;width:100%;background:rgba(255,255,255,.9)}.navbar .container{display:flex;justify-content:space-between;align-items:center}.nav-logo{height:60px}.navbar ul{display:flex;gap:20px;list-style:none}.navbar a{text-decoration:none;color:var(--green)}.hero{background:url('assets/hero-boonah.jpg') center/cover;height:100vh}.overlay{height:100%;background:rgba(0,0,0,.45);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center;padding:20px}.hero-logo{max-width:320px}.btn,button{background:var(--gold);color:white;padding:14px 28px;border:none;border-radius:30px;text-decoration:none}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.card{padding:25px;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.1)}section{padding:80px 0}.banner{background:var(--green);color:#fff}.register{background:#f5f3ed;padding:80px 20px}form{max-width:700px;margin:auto;display:flex;flex-direction:column;gap:12px;background:#fff;padding:30px;border-radius:12px}input,select,textarea{padding:12px}footer{background:var(--green);color:#fff;text-align:center;padding:30px}@media(max-width:768px){.navbar ul{display:none}h1{font-size:2rem}}