:root { color-scheme: light; font-family: system-ui, -apple-system, "Segoe UI", sans-serif; color: #354b46; background: #f4f7f2; line-height: 1.9; }
* { box-sizing: border-box; }
body { margin: 0; }
main { max-width: 820px; margin: 32px auto 64px; padding: 40px 32px; background: #fff; border: 1px solid #e5e9e5; box-shadow: 0 18px 48px #1523210a; }
h1, h2 { color: #0c1514; line-height: 1.2; letter-spacing: -.025em; }
h1 { font-size: clamp(2.2rem, 7vw, 3.5rem); margin: 12px 0; }
h2 { font-size: 1.75rem; margin-top: 44px; }
a { color: #146a66; text-underline-offset: 4px; overflow-wrap: anywhere; }
a:focus-visible { outline: 3px solid #146a66; outline-offset: 5px; }
li { margin: 10px 0; }
ul { padding-left: 24px; }
.eyebrow { font-weight: 700; color: #354b46; font-size: .8rem; letter-spacing: .12em; text-transform: uppercase; }
.intro { font-size: 1.2rem; }
.muted { color: #596c65; }
.notice { padding: 18px 22px; background: #fff; border-left: 4px solid #b9583b; border-radius: 6px; }
.button { display: inline-block; background: #b5ed00; color: #0c1514; padding: 12px 20px; box-shadow: 6px 6px 0 #18c4d0; font-weight: 700; text-decoration: none; }
main > nav { padding: 18px 0; margin: 24px 0 32px; border-top: 1px solid #e5e9e5; border-bottom: 1px solid #e5e9e5; }
.contact-card { margin-top: 48px; padding: 28px; background: #fff; border: 1px solid #e5e9e5; box-shadow: 0 18px 48px #1523210a; color: #172322; }
.contact-card h2 { margin: 0 0 24px; font-size: 1.9rem; color: #0c1514; }
.contact-card p { margin: 0; line-height: 2; }
.contact-card a { color: inherit; }
.contact-panel { background: #162321; color: #e2e8e5; padding: 68px 24px; }
.contact-inner { max-width: 772px; margin: 0 auto; }
.contact-label { display: flex; align-items: center; gap: 14px; text-transform: uppercase; letter-spacing: .3em; font-size: .75rem; font-weight: 700; color: #b8c3bf; }
.contact-label::before { content: ""; width: 56px; height: 2px; background: #18c4d0; }
.contact-panel h2 { color: #fff; font-size: clamp(2rem, 6vw, 2.8rem); margin: 24px 0; letter-spacing: -.04em; }
.contact-panel p:not(.contact-label) { max-width: 580px; line-height: 2; }
.contact-email { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 28px; padding: 12px 16px; background: #b5ed00; color: #0c1514; box-shadow: 7px 7px 0 #18c4d0; text-decoration: none; font-weight: 700; text-align: center; }
.contact-email span:last-child { min-width: 0; overflow-wrap: anywhere; }
.contact-email:hover { background: #caff24; }
.contact-panel a:focus-visible { outline-color: #fff; }
.site-footer { background: #fff; color: #314b46; padding: 30px 24px 38px; font-size: .9rem; }
.site-footer p { margin: 0 0 20px; }
.site-footer nav { display: flex; flex-wrap: wrap; gap: 24px; }
.site-footer a { color: inherit; text-decoration: none; }
.site-footer a:hover { text-decoration: underline; }
@media (max-width: 860px) { main { margin: 20px 18px 56px; padding: 28px 24px; } }
@media (max-width: 420px) { main { padding: 26px 20px; } h2 { font-size: 1.6rem; } .contact-card { padding: 22px 0 0; border: 0; border-top: 1px solid #e5e9e5; box-shadow: none; } .contact-panel, .site-footer { padding-left: 18px; padding-right: 18px; } .contact-email { font-size: .875rem; padding: 12px 8px; gap: 8px; } }
@media print { :root { background: white; color: black; } main { padding: 0; } a { color: black; } }