:root{font-family:"Segoe UI",Arial,sans-serif;color:#575756;background:#f4f4f4;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:32px 18px}.access{width:min(100%,430px);background:#fff;padding:42px;border-top:4px solid #f83b1d}.logo{display:block;width:250px;max-width:100%;height:auto;margin-bottom:34px}h1{font-size:28px;line-height:1.2;margin:0 0 10px;font-weight:650}p{line-height:1.5;margin:0 0 25px}label{display:block;font-size:14px;font-weight:600;margin:20px 0 7px}input{display:block;width:100%;padding:12px;border:1px solid #9d9c9c;border-radius:5px;font:inherit;color:#333;background:#fff}button{width:100%;margin-top:28px;padding:13px 15px;border:0;border-radius:5px;background:#d52b12;color:#fff;font:600 16px "Segoe UI",Arial,sans-serif;cursor:pointer}button:hover{background:#b9230e}button:disabled{opacity:.65;cursor:wait}:focus-visible{outline:3px solid #575756;outline-offset:3px}.message{margin:18px 0 0;font-size:14px;color:#a42614}.help{font-size:13px;margin:25px 0 0;color:#666}.back{display:inline-block;margin-top:20px;color:#575756;text-underline-offset:3px}@media(max-width:440px){.access{padding:28px 24px}body{padding:18px 12px}}