:root{font:15px/1.5 Inter,"Segoe UI",system-ui,sans-serif;color:#2c2c2c;background:#f6f6f6}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#252525 0 30%,#f6f6f6 30%)}.auth-card{width:min(420px,100%);background:#ffffff;border:1px solid #e4e4e4;border-radius:18px;padding:36px;box-shadow:0 22px 55px #25252526}.mark{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#999999;color:#303030;font-size:27px;font-weight:900}.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:800;color:#6a6a6a;margin:22px 0 5px}h1{font-size:28px;letter-spacing:-.03em;margin:0}p{color:#7f7f7f;margin:7px 0 22px}form{display:grid;gap:15px}label{display:grid;gap:6px;color:#636363;font-size:12px;font-weight:700}label[hidden]{display:none}input{width:100%;font:inherit;padding:12px;border:1px solid #dddddd;border-radius:9px;color:#383838}input:focus{outline:2px solid #a1a1a1;outline-offset:1px}button{font:inherit;border:0;border-radius:9px;background:#5e5e5e;color:white;padding:12px;font-weight:700;cursor:pointer}button:disabled{opacity:.6;cursor:wait}#error{margin:0;color:#4e4e4e;font-size:13px}[hidden]{display:none!important}small{display:block;margin-top:20px;color:#9d9d9d;text-align:center}
.mark,button{background:#171717;color:#ffffff}.eyebrow{color:#191919}input:focus{outline-color:#333333}