:root { color-scheme: light; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #20252b; background: #fff; letter-spacing: 0; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100svh; display: flex; flex-direction: column; }
a { color: inherit; text-decoration: none; }
header, footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 6%; }
header { border-bottom: 1px solid #edf0f2; }
.brand { display: flex; align-items: center; gap: 8px; font-size: 18px; font-weight: 600; }
.brand img { flex: none; }
.nav { font-size: 14px; color: #535c66; padding: 10px 0; }
main { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 48px 24px 64px; }
.mark { object-fit: contain; flex: none; margin-bottom: 16px; }
.eyebrow { color: #647078; font-size: 12px; margin: 0 0 12px; }
h1 { margin: 0; font-size: 36px; line-height: 1.25; font-weight: 600; }
.intro { margin: 16px 0 32px; color: #535c66; font-size: 18px; line-height: 1.6; }
.primary { display: inline-flex; align-items: center; gap: 24px; max-width: 100%; padding: 15px 20px; border-radius: 6px; background: #14634b; color: white; font-size: 15px; line-height: 1.5; }
.primary:hover { background: #104e3c; }
a:focus-visible { outline: 3px solid #0891b2; outline-offset: 4px; }
.private { margin: 18px 0 0; font-size: 13px; line-height: 1.6; color: #707880; }
footer { min-height: 72px; border-top: 1px solid #edf0f2; font-size: 12px; color: #69727b; background: #f8faf9; }
@media (max-width: 400px) { header, footer { padding-left: 20px; padding-right: 20px; } .brand { font-size: 16px; } h1 { font-size: 32px; } }