:root{color-scheme:light;--ink:#172127;--muted:#66747e;--line:#d7dee2;--blue:#075ea8;--red:#9b312d;--green:#176d40}
*{box-sizing:border-box}
body{min-height:100vh;margin:0;display:grid;place-items:center;padding:24px;color:var(--ink);background:radial-gradient(circle at 50% 0,#fff 0,#f0f3f4 46%,#e6eaec 100%);font:15px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.card{width:min(100%,430px);padding:38px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 22px 70px rgba(25,40,48,.13)}
.mark{width:50px;height:38px;position:relative;margin-bottom:28px;border:3px solid #26363e;border-radius:8px}.mark::after{content:"";position:absolute;right:-8px;top:9px;width:8px;height:14px;background:#26363e;border-radius:0 3px 3px 0}.mark span:first-child{position:absolute;left:8px;bottom:-8px;width:4px;height:8px;background:#26363e}.mark span:last-child{position:absolute;right:8px;bottom:-8px;width:4px;height:8px;background:#26363e}
.eyebrow{margin:0 0 7px;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
h1{margin:0;font-size:30px;line-height:1.15;letter-spacing:-.025em}
.intro{margin:12px 0 27px;color:var(--muted)}
form{display:grid;gap:17px}label{display:grid;gap:6px}label span{font-size:12px;font-weight:730}input{width:100%;height:47px;padding:10px 12px;border:1px solid #aeb9bf;border-radius:7px;color:var(--ink);background:#fff;font:inherit;font-size:16px;outline:none}input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(7,94,168,.13)}#credential{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.055em;text-transform:uppercase}
button{height:48px;margin-top:4px;border:0;border-radius:7px;color:#fff;background:#172127;font:750 15px inherit;cursor:pointer}button:hover{background:#263941}button:disabled{cursor:wait;opacity:.65}
.message{min-height:22px;margin:0;color:var(--muted);font-size:13px}.message.error{color:var(--red)}.message.success{color:var(--green)}
.fine-print{margin:24px 0 0;padding-top:20px;border-top:1px solid #e6eaec;color:#7b878e;font-size:12px}
@media(max-width:500px){body{place-items:start center;padding:0;background:#fff}.card{border:0;border-radius:0;box-shadow:none;padding:42px 24px}}