:root { color-scheme: light; background: #F7F7FA; color: #283247; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; min-height: 100svh; display: grid; place-items: center; padding: 32px 24px; }
main { display: flex; flex-direction: column; align-items: center; gap: 48px; width: 100%; padding-bottom: 5vh; }
h1 { margin: 0; width: min(420px, 90%); line-height: 0; }
img { display: block; width: 100%; height: auto; }
a { display: inline-flex; align-items: center; gap: 32px; min-height: 48px; padding: 10px 0; border-bottom: 1px solid #D8D6DF; color: #283247; font-size: 14px; font-weight: 500; letter-spacing: .025em; text-decoration: none; transition: color .18s, border-color .18s; }
a span { color: #754B68; font-size: 19px; }
a:hover { color: #754B68; border-color: #754B68; }
a:focus-visible { outline: 2px solid #754B68; outline-offset: 8px; border-radius: 2px; }
@media (prefers-reduced-motion: reduce) { a { transition: none; } }