/* Same black stage, white ink and serif form treatment as the Em-pire login. */
@font-face{font-family:NotoThai;src:url('/spare-login/NotoSansThai.ttf')} :root{color-scheme:dark;--ink:#f2f2f2;--dim:#a7a7a7;--serif:'DejaVu Serif',Georgia,'Times New Roman',NotoThai,serif;font-family:var(--serif);color:var(--ink);background:#000}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:#000}main{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 18px}.brand{display:flex;align-items:center;gap:17px;font-size:30px;font-weight:700;letter-spacing:.06em;margin:0 0 22px}.brand img{height:78px;width:50px;object-fit:contain}.card{width:100%;max-width:380px;padding:8px 20px 22px;background:#000}h1{font-size:23px;font-weight:400;text-align:center;letter-spacing:.08em;margin:0 0 15px}p{font-size:14px;line-height:1.6;color:#c4c4c4}#intro{text-align:center}label{display:block;margin:20px 0 7px;font-size:12px;letter-spacing:.15em;color:var(--dim)}select,input,button{font:inherit;min-height:46px;width:100%;border-radius:0}select,input{padding:10px 3px;border:0;border-bottom:1.5px solid var(--ink);color:var(--ink);background:#000}select:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:4px}input:focus{outline:none;border-bottom-width:3px;padding-bottom:8.5px}input[aria-invalid=true]{border-bottom-color:#ffb4ab;outline:1px solid #ffb4ab;outline-offset:4px}button{padding:13px 12px;border:1.5px solid var(--ink);background:transparent;color:var(--ink);font-weight:700;letter-spacing:.16em;cursor:pointer;margin-top:15px}button:hover,button:focus-visible{background:var(--ink);color:#000}button:disabled{opacity:.5;cursor:wait}#resend,#retry{font-size:13px;font-weight:400;letter-spacing:.04em}#error{color:#ffb4ab}#status:empty{display:none}#note{margin-top:22px;font-size:12px;color:var(--dim)}#code{font-size:22px;letter-spacing:.3em}[hidden]{display:none!important}@media(max-width:450px){main{padding:22px 15px}.card{padding:8px 10px 20px}.brand{margin-bottom:16px}}@media(max-height:650px){main{justify-content:flex-start}.brand img{height:55px}.brand{font-size:25px}}