:root {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #17201d;
  background: #f7f7f7;
  letter-spacing: 0;
}
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; min-height: 100svh; display: grid; place-items: center; }
main { width: min(100%, 480px); padding: 40px 24px; text-align: center; }
.logo { display: block; max-width: 100%; object-fit: contain; margin: 0 auto 28px; }
h1 { margin: 0 0 32px; font-size: 28px; line-height: 1.25; font-weight: 650; overflow-wrap: anywhere; }
nav { display: grid; gap: 14px; }
a { display: flex; align-items: center; justify-content: center; min-height: 56px; padding: 14px 18px; border: 1px solid #a52535; border-radius: 8px; font-size: 16px; font-weight: 600; line-height: 1.4; text-decoration: none; overflow-wrap: anywhere; }
.primary { color: #fff; background: #a52535; }
.primary:hover { background: #801c29; }
.secondary { color: #a52535; background: #fff; }
.secondary:hover { background: #faf0f1; }
a:focus-visible { outline: 3px solid #d9a63a; outline-offset: 4px; }
@media (max-width: 380px) { h1 { font-size: 24px; } main { padding: 24px 16px; } }