/* Binding source: upload/loginpage.png, 1774 × 887.
   Open Sans is the latest written typography decision.
   Visual comparison is required before sign-off. */
body.sign-in{--login-ink:#221f1a;--login-paper:#fcfcfc;--login-gold:#af8b37;--login-link:#8b4c13;background:var(--login-paper)}
.sign-in .login-layout{grid-template-columns:1fr 1fr;min-height:100svh}
.sign-in .brand-panel{position:relative;min-height:100svh;padding:45px 8.34%;background:radial-gradient(ellipse at 52% 48%,#28241d 0,#211e19 75%,#201d19 100%);overflow:hidden}
.sign-in .brand-panel .sqm-brand{position:relative;z-index:1;margin:0;gap:1.5pt;align-items:flex-start}
.sign-in .brand-panel .sqm-brand-logo{width:244px;height:49px}
.sign-in .brand-panel .sqm-brand-logo img{width:331.3px;left:-42.9px;top:-54.1px}
.sign-in .brand-panel .sqm-brand-name{font-size:23px;line-height:1.2;font-weight:400;letter-spacing:0;color:#f5f4f1}
.sign-in .brand-message{position:absolute;top:39.4%;left:8.34%;right:7%;padding:0}
.sign-in .brand-message h1{max-width:none;margin:0;color:#fff;font-family:var(--px-sans);font-size:clamp(74px,6.54vw,116px);font-weight:400;letter-spacing:-.046em;line-height:.86;text-wrap:nowrap}
.sign-in .brand-message .intro{display:block;margin:28px 0 0;font-size:26px;line-height:1.35;font-weight:400;letter-spacing:-.25px;color:#eeeae4}
.sign-in .brand-panel .brand-corner{display:block;position:absolute;left:20px;bottom:10px;width:min(466px,70%);height:210px;color:#a28a54;opacity:.43;pointer-events:none}
.sign-in .access-panel{position:relative;display:flex;justify-content:flex-start;align-items:center;padding:0 50px 82px;background:#fcfcfc;min-height:100svh}
.sign-in .login-card{width:100%;max-width:520px;margin:0;position:relative;padding-top:26.7svh}
.sign-in .login-card h2{font-family:var(--px-sans);font-size:clamp(40px,3.50vw,62px);line-height:1.2;font-weight:400;letter-spacing:-.05em;text-align:center;margin:0;white-space:nowrap;color:#080808}
.sign-in .login-description{max-width:none;text-align:center;font-size:20px;line-height:28px;color:#5c5b73;margin:18px 0 42px}
.sign-in .google-button{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:70px;padding:18px 54px;border:1px solid #b38d37;border-radius:8px;background:linear-gradient(112deg,#b59343,#aa842c 70%,#b38e3d);color:#090806;font-size:20px;line-height:1.5;font-weight:500;letter-spacing:0;box-shadow:0 2px 7px #77602a09;text-decoration:none}
.sign-in .google-button>span:last-child{position:absolute;right:27px;font-size:29px;font-weight:400;line-height:1}
.sign-in .google-button:hover{filter:brightness(1.03)}
.sign-in .workspace-provider{min-height:30px;gap:10px;margin:27px 0 14px;justify-content:center;align-items:center;color:#555360;font-size:12px}
.sign-in .workspace-provider img{width:200px;height:36px;object-fit:contain}
.sign-in .different-account{display:flex;align-items:center;justify-content:center;min-height:44px;margin:0 auto;color:var(--login-link);font-size:16px;font-weight:500;line-height:24px;text-decoration:underline;text-underline-offset:2px}
.sign-in .invitation-box{border-top:1px solid #bcbac7;margin:26px 0 0;padding:21px 0 0;font-size:16px;color:#242332}
.sign-in .invitation-box>summary{padding:8px 6px;min-height:44px;color:#242332;font-size:16px;line-height:28px;list-style:none}
.sign-in .invitation-box>summary::-webkit-details-marker{display:none}
.sign-in .invitation-box>summary::before{content:'▸';display:inline-block;margin-right:12px;color:#92919e;font-size:19px}
.sign-in .invitation-box[open]>summary::before{content:'▾'}
.sign-in .invitation-box form{padding:0 6px 16px}
.sign-in .signin-help{display:block;margin:18px auto 0;padding:7px 12px;min-height:44px;width:fit-content;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--login-link);font-size:16px;line-height:24px;font-weight:500;text-decoration:underline;text-underline-offset:2px}
.sign-in .access-note{text-align:center;font-size:14px;line-height:22px;margin:11px 0 0;color:#5c5b73}
.sign-in .login-footer{position:absolute;left:50px;right:50px;bottom:33px;margin:0;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13px;line-height:22px;color:#5c5b73}
.sign-in .login-footer .test-label{font-size:13px;line-height:22px;letter-spacing:0;margin:0;color:inherit}
.sign-in .login-footer nav{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.sign-in .login-footer button{border:0;border-radius:0;background:transparent;color:inherit;font:inherit;font-weight:400;min-height:44px;padding:0;text-decoration:none}
.sign-in .login-footer .footer-divider{margin:0 8px;color:#737184}
.sign-in .entry-dialog{width:min(560px,calc(100vw - 32px));padding:30px;border:1px solid #d8d1c1;border-radius:8px;background:#fcfcfc;color:#252223}
.sign-in .entry-dialog h2{font-size:30px;margin:0 0 18px;font-family:var(--px-sans)}
.sign-in .entry-dialog p{font-size:15px;line-height:1.8;white-space:pre-wrap}
.sign-in .entry-dialog button{min-height:44px;padding:10px 20px;background:#af8b37;border:1px solid #8b6c2b;color:#15130f}
@media(min-width:761px) and (max-height:820px){.sign-in .login-card{padding-top:19svh}.sign-in .access-panel{padding-bottom:105px}.sign-in .brand-message{top:36%}}
@media(min-width:761px) and (max-width:1400px){.sign-in .brand-panel{padding-top:36px}.sign-in .brand-panel .sqm-brand-logo{width:215px;height:43px}.sign-in .brand-panel .sqm-brand-logo img{width:292px;left:-37.8px;top:-47.7px}.sign-in .brand-panel .sqm-brand-name{font-size:20px}.sign-in .brand-message .intro{font-size:21px}.sign-in .access-panel{padding-left:32px;padding-right:32px}.sign-in .login-footer{left:32px;right:32px;font-size:11px;gap:4px}.sign-in .login-footer .test-label{font-size:11px}.sign-in .login-card h2{font-size:clamp(30px,3.5vw,49px)}.sign-in .google-button{font-size:17px;min-height:62px}.sign-in .login-description{font-size:18px}}
@media(max-width:1000px) and (min-width:761px){.sign-in .brand-message h1{font-size:clamp(52px,6.54vw,74px)}.sign-in .brand-message .intro{font-size:18px}.sign-in .access-panel{padding:0 24px 118px}.sign-in .login-card h2{font-size:clamp(26px,3.5vw,34px);letter-spacing:-.045em}.sign-in .google-button{font-size:15px;padding-left:16px;padding-right:38px}.sign-in .google-button>span:last-child{right:14px;font-size:24px}.sign-in .workspace-provider{flex-wrap:wrap;gap:4px}.sign-in .workspace-provider img{width:170px}.sign-in .login-footer{left:24px;right:24px;bottom:22px}.sign-in .login-description{font-size:17px;margin-bottom:30px}.sign-in .brand-panel .sqm-brand-logo{width:190px;height:38px}.sign-in .brand-panel .sqm-brand-logo img{width:258px;left:-33.4px;top:-42.1px}}
@media(max-width:760px){.sign-in .login-layout{grid-template-columns:1fr}.sign-in .brand-panel{min-height:0;padding:26px 28px 30px}.sign-in .brand-panel .sqm-brand-logo{width:190px;height:38px}.sign-in .brand-panel .sqm-brand-logo img{width:258px;left:-33.4px;top:-42.1px}.sign-in .brand-panel .sqm-brand-name{font-size:18px}.sign-in .brand-message{position:static;margin-top:34px;padding:0}.sign-in .brand-message h1{font-size:clamp(48px,10vw,68px);line-height:.92;letter-spacing:-.04em}.sign-in .brand-message .intro{font-size:16px;line-height:1.5;margin-top:18px}.sign-in .brand-panel .brand-corner{display:none}.sign-in .access-panel{min-height:0;padding:38px 28px 26px;display:block}.sign-in .login-card{max-width:520px;margin:auto;padding-top:0}.sign-in .login-card h2{font-size:clamp(32px,7.4vw,46px);white-space:normal;line-height:1.15;letter-spacing:-.045em}.sign-in .login-description{font-size:17px;line-height:26px;margin:15px 0 28px}.sign-in .google-button{min-height:58px;font-size:16px;padding:14px 42px 14px 16px}.sign-in .google-button>span:last-child{font-size:25px;right:18px}.sign-in .workspace-provider{margin:23px 0 10px}.sign-in .workspace-provider img{width:176px}.sign-in .different-account{font-size:14px}.sign-in .invitation-box{margin-top:23px;padding-top:17px}.sign-in .invitation-box>summary{font-size:14px}.sign-in .signin-help{font-size:14px;margin-top:16px}.sign-in .access-note{font-size:12px;margin-top:12px}.sign-in .login-footer{position:static;display:flex;flex-direction:column;align-items:center;gap:6px;margin:34px auto 0;font-size:11px}.sign-in .login-footer .test-label{font-size:11px}.sign-in .login-footer nav{justify-content:center;gap:8px}.sign-in .login-footer .footer-divider{margin:0 2px}}
@media(max-width:360px){.sign-in .brand-panel,.sign-in .access-panel{padding-left:22px;padding-right:22px}.sign-in .brand-message h1{font-size:47px}.sign-in .google-button{font-size:14px}.sign-in .workspace-provider{gap:6px}.sign-in .workspace-provider img{width:162px}}

/* Latest Admin correction: smaller typography, logo and provider lockup.
   The approved desktop 50/50 structure and readable touch targets remain. */
.sign-in .brand-panel .sqm-brand-logo{width:200px;height:40px}
.sign-in .brand-panel .sqm-brand-logo img{width:271.5px;left:-35.2px;top:-44.3px}
.sign-in .brand-panel .sqm-brand-name{font-size:18px}
.sign-in .brand-message h1{font-size:clamp(58px,5.2vw,92px);line-height:1.02;letter-spacing:-.045em}
.sign-in .brand-message .intro{font-size:20px;line-height:1.5;margin-top:24px}
.sign-in .login-card h2{font-size:clamp(32px,2.7vw,48px);line-height:1.25}
.sign-in .login-description{font-size:16px;line-height:26px;margin:18px 0 36px}
.sign-in .google-button{min-height:60px;font-size:16px;padding:16px 48px}
.sign-in .google-button>span:last-child{font-size:23px;right:24px}
.sign-in .workspace-provider img{width:166px;height:30px}
.sign-in .workspace-provider{min-height:30px;margin:23px 0 10px}
.sign-in .different-account{font-size:14px}
.sign-in .invitation-box{font-size:14px;margin-top:24px;padding-top:18px}
.sign-in .invitation-box>summary{font-size:14px;line-height:24px}
.sign-in .invitation-box>summary::before{font-size:16px;margin-right:10px}
.sign-in .signin-help{font-size:14px;margin-top:16px}
.sign-in .access-note{font-size:12px;line-height:20px}
.sign-in .login-footer,.sign-in .login-footer .test-label{font-size:11px}
.sign-in .entry-dialog h2{font-size:25px}
.sign-in .entry-dialog p{font-size:14px;line-height:1.65}
.sign-in .invitation-box :is(label,input,button){font-size:14px}
@media(max-width:1000px) and (min-width:761px){.sign-in .brand-panel .sqm-brand-logo{width:170px;height:34px}.sign-in .brand-panel .sqm-brand-logo img{width:231px;left:-29.9px;top:-37.7px}.sign-in .brand-panel .sqm-brand-name{font-size:16px}.sign-in .brand-message h1{font-size:clamp(42px,5.2vw,52px)}.sign-in .brand-message .intro{font-size:15px}.sign-in .login-card h2{font-size:clamp(23px,2.7vw,30px)}.sign-in .google-button{font-size:14px;padding-left:12px;padding-right:34px}.sign-in .google-button>span:last-child{font-size:20px;right:12px}.sign-in .workspace-provider img{width:150px}.sign-in .login-description{font-size:15px}}
@media(max-width:760px){.sign-in .brand-panel .sqm-brand-logo{width:160px;height:32px}.sign-in .brand-panel .sqm-brand-logo img{width:217.2px;left:-28.2px;top:-35.5px}.sign-in .brand-panel .sqm-brand-name{font-size:15px}.sign-in .brand-message{margin-top:26px}.sign-in .brand-message h1{font-size:clamp(38px,8.8vw,54px);line-height:1.04}.sign-in .brand-message .intro{font-size:14px;line-height:1.5;margin-top:16px}.sign-in .login-card h2{font-size:clamp(26px,6.7vw,36px)}.sign-in .login-description{font-size:15px;margin:14px 0 24px}.sign-in .google-button{min-height:54px;font-size:14px;padding:14px 40px 14px 14px}.sign-in .google-button>span:last-child{font-size:21px;right:16px}.sign-in .workspace-provider img{width:148px;height:27px}.sign-in .different-account,.sign-in .invitation-box>summary,.sign-in .signin-help{font-size:13px}.sign-in .access-note{font-size:11px}.sign-in .login-footer,.sign-in .login-footer .test-label{font-size:10px}.sign-in .invitation-box input{font-size:16px}}

/* Recovery shares the login layout and scale; only its state message differs. */
.sign-in.session-expired .brand-message{display:block}
.sign-in.session-expired .login-card h2{white-space:normal}
.sign-in.session-expired .session-icon{width:38px;height:38px;margin:0 auto 16px}
.sign-in.session-expired .session-icon svg{width:22px;height:22px}
.sign-in.session-expired .login-card>.eyebrow{text-align:center;margin:0 0 12px;font-size:10px}
/* v079: same discreet logo and prominent Praxis on sign-in/recovery. */
.sign-in .brand-panel .sqm-brand{flex-direction:row;align-items:center;gap:28px}
.sign-in .brand-panel .sqm-brand-logo{width:140px;height:28px}
.sign-in .brand-panel .sqm-brand-logo img{width:190px;left:-24.6px;top:-31px}
.sign-in .brand-panel .sqm-brand-name{font-size:32px;line-height:1.2;font-weight:600;letter-spacing:-1px}
@media(max-width:760px){.sign-in .brand-panel .sqm-brand{gap:22px}.sign-in .brand-panel .sqm-brand-name{font-size:27px}}