* { box-sizing: border-box; }
body { margin: 0; background: #fff; color: #0a0a0a; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
main { min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; padding: 24px; }
button { display: inline-flex; align-items: center; gap: 12px; height: 52px; padding: 0 28px; border: 0; border-radius: 999px; background: #0a0a0a; color: #fff; font: 500 15px "Helvetica Neue", Helvetica, Arial, sans-serif; cursor: pointer; transition: transform 120ms cubic-bezier(0.23, 1, 0.32, 1); }
button:active { transform: scale(0.97); }
button:focus-visible { outline: 2px solid #0a0a0a; outline-offset: 3px; }
p { margin: 0; min-height: 20px; color: #a33b2b; font-size: 14px; text-align: center; }
@media (prefers-reduced-motion: reduce) { button:active { transform: none; } }