:root{font-family:Arial,Helvetica,sans-serif;color:#25282c;background:#f5f6f7}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px}main{width:100%;max-width:450px;background:#fff;border:1px solid #e6e7e9;border-top:4px solid #ff8200;border-radius:12px;padding:36px;position:relative;box-shadow:0 16px 60px #25282c08}main>img{width:155px;height:auto;margin-bottom:40px}.eyebrow{font-size:12px;letter-spacing:2px;color:#984600;font-weight:bold}h1{font-size:29px;letter-spacing:-1px;margin:12px 0}p{font-size:16px;color:#686c73;line-height:1.6}form{margin-top:26px}label{display:block;font-size:14px;font-weight:600;margin:18px 0 8px}input,select{width:100%;padding:13px;border:1px solid #d6d8db;border-radius:5px;font:inherit;font-size:16px}button[type=submit]{width:100%;border:0;border-radius:5px;background:#ff8200;color:#25282c;padding:15px;font-size:16px;font-weight:700;margin-top:24px;cursor:pointer}button:disabled{opacity:.6;cursor:wait}input:focus-visible,select:focus-visible,button:focus-visible{outline:3px solid #984600;outline-offset:2px}#login-error{color:#93353a;background:#fff0ed;padding:12px;border-radius:5px;font-size:14px}[hidden]{display:none!important}@media(max-width:450px){main{padding:28px 22px}main>img{width:130px}}

select{background:#fff;color:#25282c}select:invalid{color:#686c73}