:root{color-scheme:dark;font-family:Segoe UI,Arial,sans-serif;background:#0e141b;color:#e2e8ef}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px}main{width:100%;max-width:380px;padding:32px;background:#151e29;border:1px solid #2b3745;border-radius:12px}.mark{display:grid;place-items:center;width:40px;height:40px;border-radius:6px;background:#78d9bc;color:#0e2820;font-size:25px;font-weight:700}h1{font-size:24px;margin:22px 0 6px}.subtitle{font-size:14px;color:#a1afbf;margin:0 0 28px}label{display:block;font-size:13px;margin:18px 0 8px}input{width:100%;font:inherit;background:#0e141b;color:#e2e8ef;border:1px solid #344354;border-radius:6px;padding:12px}input:focus-visible,button:focus-visible{outline:2px solid #78d9bc;outline-offset:3px}button{width:100%;margin-top:24px;padding:12px;background:#78d9bc;border:0;border-radius:6px;color:#0e2820;font:inherit;font-weight:650;cursor:pointer}button:hover{background:#a6efd7}.hint{font-size:12px;color:#91a2b6;margin:22px 0 0}.login-error{padding:12px;background:#42272c;color:#ffbac3;font-size:13px;border-radius:6px}