:root{--green: #2f8f4e;--green-dark: #1c5f33;--blue: #112a46;--gray: #4b5563;--gray-light: #94a3b8;--bg: #f4f9f5;--white: #ffffff;--shadow: 0 20px 60px rgba(24, 94, 52, .15);--border: #e2e8f0}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Poppins,sans-serif;background:var(--bg);color:var(--gray);line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.section{padding:80px 20px}.section-header{max-width:780px;margin:0 auto 40px;text-align:center}.section-header h2{color:var(--blue);margin-bottom:12px}.hero{background:linear-gradient(135deg,#e8fff1,#d9f4ff);padding:30px 20px 90px}.nav-wrapper{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:60px}.logo{font-weight:600;color:var(--green-dark);font-size:1.2rem}.nav-links{display:flex;gap:18px;font-size:.95rem}.nav-links a{padding:6px 12px;border-radius:999px;transition:background .2s ease}.nav-links a:hover{background:#2f8f4e26;color:var(--green-dark)}.nav-toggle{display:none;flex-direction:column;border:none;background:transparent;gap:5px;cursor:pointer}.nav-toggle span{width:22px;height:2px;background:var(--green-dark)}.hero-content{max-width:820px;margin:0 auto;text-align:center}.hero-content h1{font-size:clamp(2.2rem,6vw,3.8rem);margin-bottom:18px;color:var(--blue)}.eyebrow{letter-spacing:.18em;text-transform:uppercase;font-size:.85rem;color:var(--green-dark)}.tagline{font-size:1.1rem;color:var(--gray)}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:999px;font-weight:500;border:2px solid transparent;transition:transform .2s ease,box-shadow .2s ease}.btn.primary{background:var(--green);color:#fff;box-shadow:var(--shadow)}.btn.primary:hover{transform:translateY(-2px)}.btn.secondary{border-color:var(--green-dark);color:var(--green-dark);background:transparent}.btn.primary.outline{background:transparent;color:var(--green-dark);border-color:var(--green)}.about{background:var(--white)}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.about-card{background:#fff;padding:26px;border-radius:18px;box-shadow:var(--shadow)}.about-card ul{padding-left:18px}.check-list{list-style:none;padding-left:0}.check-list li{padding-left:28px;position:relative;margin-bottom:10px}.check-list li:before{content:"?";position:absolute;left:0;color:var(--green-dark);font-size:.85rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.card-grid.three{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.facility-card,.committee-card,.service-card{background:#fff;border-radius:20px;padding:28px;box-shadow:var(--shadow)}.icon-circle{width:52px;height:52px;border-radius:50%;background:#2f8f4e1f;display:grid;place-items:center;margin-bottom:18px;font-size:1.2rem}.committee-card .role{color:var(--green);font-weight:600;margin-bottom:6px}.committee-card .contact{margin:4px 0}.executive{margin-top:28px;text-align:center}.table-wrapper{background:#fff;border-radius:20px;box-shadow:var(--shadow);padding:26px;overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:420px}th,td{padding:14px 18px;text-align:left}thead{background:var(--green);color:#fff}tbody tr:nth-child(odd){background:#f1f5f9}.bylaws{background:#e7f4eb}.bylaws-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:24px}.bylaws-grid article{background:#fff;padding:24px;border-radius:18px;box-shadow:var(--shadow)}.services .note{text-align:center;margin-top:20px;font-style:italic}.service-card{position:relative;padding-top:40px}.badge{position:absolute;top:18px;right:20px;background:#2f8f4e1f;color:var(--green-dark);font-size:.75rem;padding:4px 10px;border-radius:999px}.badge.alt{background:#112a4626;color:var(--blue)}.tech{font-weight:600;color:var(--blue)}.announcements .notice-board{display:grid;gap:18px}.notice{background:#fff;border-left:4px solid var(--green);padding:20px 24px;border-radius:18px;box-shadow:var(--shadow)}.notice .date{color:var(--gray-light);font-size:.85rem;margin-bottom:6px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px}.gallery-tile{min-height:140px;border-radius:16px;background:linear-gradient(135deg,#2f8f4e,#1d3557);color:#fff;display:grid;place-items:center;text-align:center;font-weight:600}.location .map-placeholder{border:3px dashed #3b82f6;background:#e0f2fe;border-radius:20px;padding:60px 20px;text-align:center;color:#1d4ed8;font-weight:600}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;align-items:start}.contact-info{background:#fff;padding:24px;border-radius:18px;box-shadow:var(--shadow)}.contact-form{background:#fff;padding:28px;border-radius:20px;box-shadow:var(--shadow);display:grid;gap:16px}.contact-form label{display:grid;gap:6px;font-size:.9rem}.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--border);border-radius:12px;padding:12px 14px;font-family:inherit}.footer{background:var(--blue);color:#d9e3f0;text-align:center;padding:40px 20px}.footer-links{margin-top:10px;display:flex;justify-content:center;gap:18px}.footer a{color:#9fb3d1;font-size:.9rem}html{scroll-behavior:smooth}@media(max-width:960px){.nav-links{position:absolute;top:80px;right:20px;flex-direction:column;background:#fff;padding:20px;border-radius:16px;box-shadow:var(--shadow);display:none;min-width:220px}.nav-links.open,.nav-toggle{display:flex}.nav-wrapper{position:relative;margin-bottom:40px}}
