*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#080a0e;color:#f6f7f9;font-family:Arial,Helvetica,sans-serif;min-height:100dvh;display:grid;place-items:center;background-image:radial-gradient(ellipse at 80% 10%,#4c172022,transparent 60%)}main{width:min(100%,540px);padding:38px 28px}.brand{display:block;width:230px;margin-bottom:40px;background:#000}.brand img{display:block;width:230px;height:92px;object-fit:cover;object-position:center;clip-path:inset(0 4%)}section{padding:32px;background:#11151b;border:1px solid #272d36;border-radius:12px}.eyebrow{color:#f44b5e;font-size:10px;font-weight:700;letter-spacing:1.6px;margin:0 0 20px}h1{font-size:38px;line-height:1.12;letter-spacing:-1.4px;margin:0 0 19px}.intro{font-size:14px;line-height:1.75;color:#bec4ce;margin-bottom:25px}label{display:block;font-size:12px;font-weight:700;margin-bottom:10px}input[type=password]{display:block;width:100%;min-height:48px;padding:12px;border:1px solid #414a58;background:#090c10;border-radius:5px;color:#fff;font-size:18px}button{width:100%;margin-top:18px;padding:15px 18px;display:flex;justify-content:space-between;align-items:center;background:#dc243e;color:#fff;border:0;border-radius:5px;font-weight:700;font-size:14px;cursor:pointer;min-height:49px}button:hover{background:#f12d48}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #ff7b8d;outline-offset:4px}.hint{color:#a3acb9;font-size:11px;line-height:1.8;margin-bottom:0}.foot{font-size:10px;color:#9aa2b0;letter-spacing:1.8px;margin-top:26px}#access-error{color:#ff9bac;font-size:13px;line-height:1.5}@media(max-width:500px){main{padding:25px 18px}section{padding:25px 22px}h1{font-size:31px}.brand{margin-bottom:28px}}