:root{font:16px system-ui,sans-serif;color-scheme:light dark}body{margin:0;background:light-dark(#fafafa,#0f0f0f);color:light-dark(#0f0f0f,#f1f1f1)}main{max-width:560px;margin:10vh auto;padding:24px}a{color:inherit;text-decoration:none;font-weight:700}h1{font-size:32px;margin-top:48px}p{line-height:1.6}button{border:0;border-radius:24px;padding:14px 24px;font:inherit;cursor:pointer;background:#3ea6ff;color:#0f0f0f;margin:8px 8px 8px 0}button:disabled{opacity:.6;cursor:wait}section{margin-top:36px;padding-top:24px;border-top:1px solid #8885}[hidden]{display:none!important}
form{display:grid;gap:10px;margin:18px 0}label{font-size:14px}input[type=password]{box-sizing:border-box;width:100%;padding:12px;border:1px solid #8886;border-radius:8px;background:transparent;color:inherit;font:inherit}form button{justify-self:start}summary{cursor:pointer}
.login{max-width:460px;margin:8vh auto}.wordmark{font-size:22px;display:flex;align-items:center;gap:10px}.screen-mark{display:block;width:32px;height:32px;flex:none}.login-card{margin:60px 0 48px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:light-dark(#606060,#aaa)}.login h1{font-size:clamp(40px,8vw,56px);font-weight:650;line-height:1.06;letter-spacing:-2px;margin:22px 0}.login-card>p:not(.eyebrow){color:light-dark(#606060,#aaa)}.google-button{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;background:#fff;color:#1f1f1f;border:1px solid #747775;border-radius:24px;font-size:15px;font-weight:600;margin:28px 0 6px;min-height:48px}.google-button svg{width:20px;height:20px}.google-button:hover{background:#f3f6fb}.google-button:focus-visible{outline:3px solid #3ea6ff;outline-offset:4px}.fine-print{font-size:12px;line-height:1.7!important}#login-status{min-height:24px;font-size:14px}footer{font-size:12px;color:light-dark(#606060,#aaa);display:flex;flex-wrap:wrap;gap:20px}footer span{flex-basis:100%}@media(max-width:520px){.login{margin:24px auto;padding:24px}.login-card{margin-top:48px}}
