:root { color-scheme: light; font-family: Arial, sans-serif; color: #171b24; background: #fff; }
* { box-sizing: border-box; letter-spacing: 0; }
body { margin: 0; min-height: 100svh; }
header { min-height: 84px; padding: 24px; border-top: 4px solid #e60032; border-bottom: 1px solid #e8ecf0; display: flex; align-items: center; }
header img { max-width: 100%; object-fit: contain; }
main { max-width: 480px; margin: 0 auto; padding: 56px 20px 32px; }
.environment { margin: 0 0 20px; font-size: 13px; color: #606673; }
h1 { margin: 0 0 18px; font-size: 24px; line-height: 1.3; overflow-wrap: break-word; }
#status { margin: 0 0 20px; min-height: 48px; font-size: 16px; line-height: 1.5; }
#status[data-state="success"] { color: #087f5b; }
#status[data-state="error"], #status[data-state="expired"] { color: #b31935; }
#challenge { min-height: 72px; max-width: 100%; }
button { margin-top: 24px; min-height: 46px; min-width: 140px; padding: 12px 20px; border: 0; border-radius: 6px; background: #e60032; color: #fff; font: inherit; font-weight: bold; cursor: pointer; }
button:hover { background: #bd0028; }
button:focus-visible { outline: 3px solid #168aad; outline-offset: 4px; }
[hidden] { display: none !important; }
@media (max-width: 360px) { header { padding: 20px 16px; } main { padding: 40px 16px 24px; } }
@media (max-width: 340px) { main { padding-inline: 10px; } }