:root{
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  color:#192921;
  background:#f6f6f1;
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0}
.auth-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1fr);min-height:100vh;min-height:100svh}
.auth-intro{display:flex;flex-direction:column;gap:clamp(42px,8vh,90px);padding:clamp(30px,5.7vw,90px);background:#182e25;color:white;overflow:hidden}
.auth-brand{display:flex;align-items:center;gap:13px;color:inherit;text-decoration:none;font-size:clamp(23px,3vw,40px);font-weight:780;letter-spacing:-.055em;line-height:1.1;width:fit-content}
.auth-brand img{width:1.35em;height:1.35em;border-radius:.23em}
.auth-tagline{margin:0;font-size:clamp(34px,5vw,76px);font-weight:780;line-height:1;letter-spacing:-.057em}
.auth-tagline span{display:block;color:#d8ec83}
.auth-description{max-width:34ch;margin:23px 0 0;color:#e4ece1;font-size:clamp(15px,1.8vw,23px);line-height:1.45}
.auth-plan{display:block;width:114%;max-width:640px;margin:auto -7% -12px;opacity:.86;pointer-events:none}
.auth-panel{display:grid;align-items:start;padding:clamp(48px,12vh,124px) clamp(26px,7vw,110px) 48px}
.auth-panel-inner{width:100%;max-width:560px;margin:0 auto}
.auth-panel h1{max-width:14ch;margin:0;font-size:clamp(31px,4vw,58px);font-weight:780;line-height:1.05;letter-spacing:-.055em}
.auth-panel p{color:#53665c;line-height:1.55}
.auth-form{display:grid;gap:17px;margin-top:28px}
.auth-form label{display:grid;gap:7px;font-size:15px;font-weight:720}
.auth-form input,.auth-form button{font:inherit;width:100%;min-height:49px;border-radius:8px}
.auth-form input{padding:10px 13px;background:white;color:#192921;border:1px solid #adb7ae;font-weight:450}
.auth-form input::placeholder{color:#66746d}
.auth-form button{border:1px solid #d8ec83;background:#d8ec83;color:#1e2b16;min-height:53px;font-size:16px;font-weight:760;cursor:pointer}
.auth-form button:hover{background:#cbe471;border-color:#cbe471}
.auth-form button:disabled{opacity:.66;cursor:wait}
.auth-layout :focus-visible{outline:3px solid #668d37;outline-offset:3px}
.auth-error{margin:0!important;color:#a32e27!important;font-size:13px;font-weight:620}
.auth-error:empty{display:none}
.auth-help{margin:20px 0 0;text-align:center;font-size:13px}
.auth-link{display:block;width:fit-content;margin:17px auto 0;color:#2d553d;font-size:14px;font-weight:700;text-underline-offset:3px}
@media(max-width:780px){
  .auth-layout{grid-template-columns:1fr}
  .auth-intro{padding:24px max(22px,5vw);gap:0}
  .auth-intro-copy,.auth-plan{display:none}
  .auth-panel{align-items:start;padding:34px max(22px,5vw) 44px}
  .auth-panel h1{max-width:none}
}

/* Explicit display styles must preserve native hidden form semantics. */
.auth-form[hidden]{display:none!important}

/* RenoBriqo 5.23: align sign-in with the workspace visual direction. */
@media screen{
 .auth-intro{background:var(--rb-forest,#182e25)}
 .auth-brand img{background:var(--rb-on-forest,#f5f8ef);padding:.13em;object-fit:contain}
 .auth-panel{background:var(--rb-canvas,#f6f6f1)}
 .auth-panel-inner{min-width:0}
 .auth-form :is(input:not([type="checkbox"],[type="radio"]),button){min-height:44px;border-radius:var(--rb-control-radius,9px)}
 .auth-form input:not([type="checkbox"],[type="radio"]){border-color:var(--rb-control,#879b8e)}
 .auth-form :focus-visible{outline:2px solid var(--rb-focus,#386b50);outline-offset:2px}
 .auth-form label.auth-terms{font-size:13px}
 .auth-help,.auth-description{overflow-wrap:anywhere}
}
@media screen and (max-width:600px){
 .auth-form input:not([type="checkbox"],[type="radio"]){font-size:16px}
}

.workspace-sign-in{display:flex;flex-direction:column;min-height:100vh;min-height:100svh}
.workspace-sign-in .auth-layout{flex:1;min-height:0}
.workspace-sign-in .auth-intro{gap:clamp(24px,5vh,64px);padding-block:clamp(26px,6vh,68px)}
.workspace-sign-in .auth-plan{max-height:clamp(112px,25vh,220px);object-fit:contain;object-position:left bottom}
.workspace-sign-in .auth-panel{align-items:center;padding-block:clamp(18px,3vh,44px)}
.workspace-sign-in .auth-panel h1{font-size:clamp(30px,3.5vw,52px)}
.workspace-sign-in .auth-panel-inner>h1+p{margin:8px 0 0}
.workspace-sign-in .auth-form{gap:10px;margin-top:16px}
.workspace-sign-in .auth-form label{gap:4px}
.workspace-sign-in #workspace-help{margin:-5px 0 0;text-align:left}
.workspace-sign-in .auth-options{display:grid;gap:5px}
.workspace-sign-in .auth-form label.auth-terms{
 display:grid;
 grid-template-columns:16px minmax(0,1fr);
 align-items:start;
 gap:9px;
 padding-block:4px;
 font-size:13px;
 line-height:20px;
}
.workspace-sign-in .auth-terms input[type="checkbox"]{
 width:16px;
 height:16px;
 min-height:0;
 margin:2px 0 0;
 padding:0;
}
.workspace-sign-in #remember-workspace-help{margin:0 0 0 25px;text-align:left}
.workspace-sign-in .auth-note{margin:2px 0 0;font-size:13px}
.workspace-sign-in .auth-panel-inner>.auth-help{margin-top:10px}
.workspace-sign-in .auth-panel-inner>.auth-link{margin-top:6px}
.workspace-sign-in>.site-footer{padding-block:10px;gap:8px}

@media(max-width:780px){
 .workspace-sign-in .auth-intro{padding-block:10px}
 .workspace-sign-in .auth-panel{align-items:start;padding-block:14px}
 .workspace-sign-in .auth-panel h1{font-size:28px}
 .workspace-sign-in .auth-form{gap:8px;margin-top:12px}
}

@media(max-width:780px) and (max-height:700px){
 .workspace-sign-in .auth-intro{padding-block:8px}
 .workspace-sign-in .auth-panel{padding-block:10px}
 .workspace-sign-in .auth-panel-inner>h1+p{font-size:14px;line-height:1.4}
 .workspace-sign-in .auth-form{gap:7px;margin-top:10px}
}