:root { --theme-color: #7dc836; font-family: 'Open Sans', sans-serif; color: #203518; background: #f3f9ec; }
body { margin: 0; min-height: 100svh; display: grid; place-items: center; }
main { padding: 4rem 1.5rem; max-width: 46rem; text-align: center; }
.logo { border-radius: 20px; }
.eyebrow { font-size: .8rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
h1 { font-size: clamp(2.5rem, 7vw, 4.5rem); line-height: 1.08; letter-spacing: -.04em; }
p { line-height: 1.6; }
#region { color: #4e6344; }
a { display: inline-block; margin-top: 1.5rem; padding: .85rem 1.25rem; border-radius: .75rem; background: var(--theme-color); color: #203518; font-weight: 600; text-underline-offset: .3em; }
a:focus-visible { outline: 3px solid #203518; outline-offset: 6px; }