*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#171717;color:#eee;font-family:Arial,sans-serif;border-top:5px solid #e82020;padding:24px}main{width:min(100%,460px);background:#222;padding:36px;border:1px solid #454545;border-radius:14px;box-shadow:0 25px 80px #0005}select{display:block;margin:0 0 32px auto;background:#292929;color:#fff;border:1px solid #666;padding:8px;border-radius:5px}.brand{font-size:24px;font-weight:800}.brand span{color:#ff9d00}#eyebrow{font-size:11px;letter-spacing:2px;color:#ffad32;margin-top:28px}h1{font-size:29px;margin:12px 0}#intro{color:#bbb;line-height:1.5}label{display:block;margin:22px 0 8px;font-size:14px}input{width:100%;padding:13px;border:1px solid #666;border-radius:6px;background:#151515;color:#fff;font-size:16px}button{width:100%;margin-top:26px;background:#e82020;border:0;border-radius:6px;padding:14px;color:#fff;font-weight:bold;font-size:16px;cursor:pointer}button:disabled{opacity:.6}#error{font-size:14px;color:#ffb4a9;line-height:1.5}input:focus,select:focus,button:focus{outline:2px solid #ffad32;outline-offset:3px}