@import url("/brand.css");
*{box-sizing:border-box}html{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#231f20;background:#231f20}body{margin:0}a{color:inherit}button,input{font:inherit}.login-layout{min-height:100svh;display:grid;grid-template-columns:1.1fr 1fr}.brand-panel{display:flex;flex-direction:column;justify-content:space-between;padding:56px clamp(28px,6vw,100px);background:#231f20;color:#f3f0e8}.wordmark{width:fit-content;text-decoration:none;font-size:45px;font-weight:700;letter-spacing:3px;color:#c4a45d}.wordmark span{display:block;margin-top:7px;font-size:11px;letter-spacing:3px;font-weight:400;color:#e5dbc1}.brand-message{padding:70px 0}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#70624a}.brand-panel .eyebrow{color:#d1b875}h1{font-size:clamp(42px,4.7vw,70px);line-height:1.06;letter-spacing:-2px;max-width:530px;margin:24px 0}h2{font-size:34px;line-height:1.15;letter-spacing:-1px;margin:18px 0}.intro{font-size:20px;line-height:1.6;color:#d3cec4}.journey{font-size:12px;line-height:2.2;color:#d3cec4;margin-top:36px}.journey span{color:#c4a45d;margin:0 7px}.brand-footer{font-size:11px;letter-spacing:1px;color:#c3bdb1}.access-panel{background:#faf9f6;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 32px 28px}.login-card{width:100%;max-width:390px;margin:auto}.login-description{color:#595451;font-size:15px;line-height:1.6;margin:0 0 32px}.google-button{display:flex;align-items:center;justify-content:space-between;gap:12px;background:white;border:1px solid #928b80;border-radius:7px;padding:17px 18px;text-decoration:none;font-size:14px;font-weight:600;min-height:56px}.google-button:hover{background:#f0ece4;border-color:#6e582b}.google-mark{font-size:22px;font-weight:700;color:#231f20}.access-note{font-size:12px;line-height:1.75;color:#625c56;margin:18px 0 30px}.invitation-box{border-top:1px solid #d8d2c8;padding-top:20px;font-size:13px}summary{cursor:pointer;padding:6px 0;color:#494039}label{display:block;font-weight:600;margin:18px 0 8px}input{width:100%;border:1px solid #928b80;border-radius:5px;padding:12px;background:white;color:#231f20}button{background:#b28f3e;color:#231f20;border:0;padding:12px 16px;border-radius:5px;cursor:pointer;font-weight:600}button:disabled{opacity:.6;cursor:wait}#invitation-help,#invitation-status{font-size:12px;line-height:1.6}#invitation-status{color:#8b2424}.test-label{font-size:10px;line-height:1.7;letter-spacing:.4px;color:#625c56;margin-top:34px}footer{margin-top:48px;font-size:11px;color:#625c56}:is(a,button,input,summary):focus-visible{outline:3px solid #806228;outline-offset:4px}@media(max-width:760px){.login-layout{grid-template-columns:1fr}.brand-panel{padding:28px}.brand-message{padding:28px 0 0}h1{font-size:42px;margin:16px 0}.brand-footer,.journey{display:none}.intro{font-size:17px;margin-bottom:0}.access-panel{padding:36px 28px 24px}.wordmark{font-size:30px}.wordmark span{font-size:9px}h2{font-size:29px}footer{margin-top:32px}}
/* Praxis entry and session recovery use the same visual system. */
.brand-panel .sqm-brand{margin:0;align-self:flex-start}
.brand-message h1{font-weight:550;letter-spacing:-2.4px}
.login-card{max-width:420px}
.login-card h2{font-size:clamp(30px,3vw,42px);font-weight:550;line-height:1.14;letter-spacing:-1.2px;color:#231f20}
.login-description{font-size:15px;line-height:1.75;margin-bottom:30px;max-width:370px}
.google-button{justify-content:space-between;background:#b28f3e;border:1px solid #a5873e;color:#231f20;padding:17px 21px;border-radius:8px;font-size:15px;box-shadow:0 3px 8px #231f2008}
.google-button:hover{background:#c0a154;border-color:#806228}
.workspace-provider{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;margin:18px 0 24px;color:#77716a;font-size:11px;line-height:1.5}
.workspace-provider img{display:block;width:156px;height:auto}
.different-account{display:block;width:fit-content;margin:0 auto;color:#705526;font-size:12px;text-decoration:none;text-underline-offset:4px}
.different-account:hover{text-decoration:underline}
.access-note{font-size:12px;line-height:1.8;margin:23px 0 30px;color:#77716a}
.session-icon{display:grid;place-items:center;width:62px;height:62px;border:1px solid #dfd1ae;border-radius:18px;background:#f1eadb;color:#8b6c2e;margin-bottom:28px}
.session-icon svg{width:32px;height:32px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.session-expired .login-card{padding:36px;border:1px solid #e3ddcf;border-top:3px solid #b28f3e;border-radius:16px;background:#fffdf9;box-shadow:0 12px 40px #231f2006;max-width:470px}
.session-expired .access-note{margin-bottom:0}
@media(max-width:760px){.brand-panel{padding:28px}.brand-message h1{font-size:38px;letter-spacing:-1.3px}.brand-message{padding:30px 0 0}.brand-message .intro{font-size:16px}.session-expired .brand-message{display:none}.session-expired .access-panel{padding:30px 20px;min-height:calc(100svh - 125px)}.session-expired .login-card{padding:28px 24px}.login-card h2{font-size:31px}.workspace-provider{gap:8px}.google-button{font-size:14px;padding:16px}.brand-panel .sqm-brand{margin-bottom:0}}