*{box-sizing:border-box}body{margin:0;background:#f1f5f6;color:#18333f;font:15px/1.6 system-ui,sans-serif;min-height:100vh;display:grid;place-items:center;padding:25px}.auth{max-width:470px;width:100%;padding:38px;background:white;border:1px solid #d9e3e6;border-radius:12px;box-shadow:0 15px 60px #173c4910}.brand{text-decoration:none;color:#17313f;font-size:29px;font-weight:800;letter-spacing:-1px}.brand span{font-weight:400}.eyebrow{font-size:10px;letter-spacing:2px;color:#63808e;margin:4px 0 34px}h1{font-size:24px;line-height:1.3;margin:0 0 15px;letter-spacing:-.5px}p{color:#607480;font-size:13px}label{display:block;font-size:12px;font-weight:600;margin:22px 0 6px}input{font:inherit;padding:12px;width:100%;border:1px solid #c7d5dc;border-radius:6px;min-width:0}button,.microsoft{display:block;width:100%;border:0;border-radius:6px;background:#116575;color:#fff;font:600 14px system-ui,sans-serif;text-align:center;padding:13px;margin-top:15px;text-decoration:none;cursor:pointer}.microsoft{background:#fff;border:1px solid #c7d5dc;color:#17313f}.divider{text-align:center;font-size:12px;color:#7c8d96;margin:20px 0 0}.fine{font-size:11px;border-top:1px solid #e1e8eb;padding-top:18px;margin-top:28px}.success,.error{font-size:13px;padding:12px;border-radius:6px;margin:15px 0}.success{background:#e7f3ee;color:#2b6551}.error{background:#fae8e7;color:#85372d}.secondary{display:block;margin-top:18px;font-size:13px;color:#116575}input:focus,button:focus,a:focus{outline:2px solid #54aab6;outline-offset:3px}@media(max-width:420px){.auth{padding:25px}}