.association-hero { padding: calc(var(--site-header-space) + 6rem) 0 5rem; color: #fff; background: linear-gradient(120deg, #07111f, #255b57); }
.association-hero h1 { max-width: 850px; margin: 0 0 1.25rem; font-size: clamp(2.5rem, 6vw, 5rem); font-weight: 900; line-height: 1; }
.association-hero p { max-width: 780px; margin: 0; color: rgba(255,255,255,.85); font-size: 1.15rem; line-height: 1.75; }
.association-section { padding: clamp(3.5rem, 7vw, 6rem) 0; background: #f4f7f6; }.association-section--muted { padding-top: 0; }
.association-panel { height: 100%; padding: clamp(1.5rem, 4vw, 3rem); border-radius: 8px; background: #fff; box-shadow: 0 18px 45px rgba(20,36,34,.08); }.association-panel--dark { background: #10221f; color: #fff; }
.association-panel h2 { margin: 0 0 1rem; font-size: clamp(1.8rem, 4vw, 3rem); font-weight: 900; line-height: 1.1; }.association-panel p { max-width: 760px; font-size: 1.05rem; line-height: 1.8; }.association-panel a { color: #255b57; font-weight: 800; }.association-panel--dark a { color: #ebc179; }
.organization-data { display: grid; gap: 1rem; margin: 0; }.organization-data div { padding-bottom: 1rem; border-bottom: 1px solid rgba(255,255,255,.14); }.organization-data div:last-child { padding-bottom: 0; border: 0; }.organization-data dt { margin-bottom: .25rem; color: #ebc179; font-size: .78rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }.organization-data dd { margin: 0; font-weight: 700; line-height: 1.55; }
.association-actions { display: flex; flex-wrap: wrap; gap: .75rem; }.association-button { display: inline-block; border: 1px solid #255b57; border-radius: 8px; padding: .75rem 1rem; background: #255b57; color: #fff !important; font-weight: 900; text-decoration: none; }.association-button--outline { background: transparent; color: #255b57 !important; }