* { box-sizing: border-box; }
[hidden] { display: none; }
body { display: grid; min-height: 100dvh; place-items: center; margin: 0; padding: 18px; background: #f7f6ed; color: #030301; font: 15px/1.5 var(--ascendit-font-body); }
main { width: min(100%, 430px); padding: 23px clamp(20px, 7vw, 38px) 35px; border: 1px solid #e2e0d3; border-radius: 9px; background: #fffef8; }
img { display: block; object-fit: cover; height: 84px; }
.eyebrow { margin: 17px 0 8px; color: #9c301d; font-size: 10px; font-weight: 800; letter-spacing: .14em; }
h1 { font-size: clamp(33px, 8vw, 42px); margin: 0 0 9px; }
p { margin: 0 0 19px; color: #626155; }
label { display: block; font-weight: 700; margin: 9px 0 5px; }
input, button { width: 100%; min-height: 45px; padding: 9px 12px; border-radius: 6px; font: inherit; }
input { border: 1px solid #c8c4b6; background: #fffff3; font-size: 16px; }
button { margin-top: 16px; border: 0; background: #f95738; color: #030301; cursor: pointer; font-weight: 800; }
button:disabled { opacity: .65; cursor: wait; }
:is(input, button):focus-visible { outline: 2px solid #9c301d; outline-offset: 3px; }
#auth-message { margin: 11px 0 0; color: #9c301d; }
#auth-message:empty { display: none; }