.al-auth{font-family:var(--cbk-fonte);min-height:100vh;color:var(--cbk-text-strong);background:var(--cbk-bg);grid-template-columns:55fr 45fr;display:grid;position:relative}.al-auth *,.al-auth :before,.al-auth :after{box-sizing:border-box}.al-auth-brand{background:var(--cbk-side-bg);color:var(--cbk-side-text);border-right:1px solid var(--cbk-side-border);flex-direction:column;justify-content:space-between;padding:clamp(32px,6vw,84px);display:flex;position:relative;overflow:hidden}.al-auth-brand canvas{width:100%;height:100%;position:absolute;inset:0}.al-auth-logo-white{z-index:1;width:196px;height:auto;position:relative}.al-auth-pitch{z-index:1;max-width:460px;margin-bottom:10vh;position:relative}.al-auth-pitch h2{letter-spacing:-.03em;font-size:clamp(32px,3.8vw,54px);line-height:1.05;font-weight:var(--cbk-fw-login-pitch);margin:0 0 18px}.al-auth-pitch p{color:var(--cbk-side-muted);margin:0;font-size:17px;font-weight:400;line-height:1.5}.al-auth-panel{place-items:center;padding:48px 24px 72px;display:grid;position:relative}.al-auth-box{flex-direction:column;align-items:center;gap:40px;width:min(380px,100%);display:flex}.al-auth-logo{width:224px;height:auto}.al-auth-form{flex-direction:column;gap:16px;width:100%;display:flex}.al-auth-form h1{font-size:28px;font-weight:var(--cbk-fw-login-titulo);letter-spacing:-.02em;color:var(--cbk-text-strong);margin:0}.al-auth-form h1:after{content:"";background:var(--cbk-brand);width:44px;height:3px;margin-top:10px;display:block}.al-auth-lead{color:var(--cbk-text-muted);margin:0;line-height:1.5}.al-auth-form label{font-size:13px;font-weight:var(--cbk-fw-login-rotulo);color:var(--cbk-text-strong);flex-direction:column;gap:6px;display:flex}.al-auth-input{background:var(--cbk-surface);border:var(--cbk-borda-login);border-radius:var(--cbk-raio-sm);color:var(--cbk-accent-text);align-items:center;gap:10px;padding:0 12px;display:flex}.al-auth-input:hover:not(:focus-within){border-color:var(--cbk-text-muted)}.al-auth-input:focus-within{border-color:var(--cbk-brand);outline:var(--cbk-foco-login);outline-offset:2px}.al-auth-input input{font:inherit;color:var(--cbk-text-strong);background:0 0;border:0;outline:none;flex:1;padding:12px 0;font-size:15px;font-weight:500}.al-auth-input input::placeholder{color:var(--cbk-text-placeholder);font-weight:400}.al-auth-hint{color:var(--cbk-text-muted);text-align:right;margin:-4px 0 0;font-size:13px}.al-auth-hint b{color:var(--cbk-text-strong)}.al-auth-textlink{color:var(--cbk-accent-text);text-underline-offset:3px;font-weight:650;text-decoration:underline}.al-auth-ok{border-radius:var(--cbk-raio-sm);background:var(--cbk-ok-bg);color:var(--cbk-ok-text);margin:0;padding:10px 12px;line-height:1.5}.al-auth-error{border-radius:var(--cbk-raio-sm);background:var(--cbk-ruim-bg);color:var(--cbk-ruim-text);margin:0;padding:10px 12px;font-size:14px;font-weight:600}.al-auth-form button,.al-auth-link{background:var(--cbk-accent);color:var(--cbk-accent-contrast);border-radius:var(--cbk-raio-sm);font:inherit;cursor:pointer;border:0;align-self:flex-end;padding:12px 24px;font-size:15px;font-weight:640;text-decoration:none}.al-auth-form button:hover,.al-auth-link:hover{background:var(--cbk-accent-hover)}.al-auth-form button[disabled]{opacity:.6;cursor:progress}.al-auth-sso{border:1px solid var(--cbk-border);border-radius:var(--cbk-raio-sm);background:var(--cbk-surface);width:100%;color:var(--cbk-text-strong);justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:15px;font-weight:640;text-decoration:none;display:flex}.al-auth-sso:hover{border-color:var(--cbk-brand)}.al-auth-ou{color:var(--cbk-text-placeholder);align-items:center;gap:10px;font-size:12px;display:flex}.al-auth-ou:before,.al-auth-ou:after{content:"";background:var(--cbk-border);flex:1;height:1px}.al-auth-form :focus-visible{outline:var(--cbk-foco-login);outline-offset:2px}.al-auth-form .al-auth-input input:focus-visible{outline:none}@media (max-width:860px){.al-auth{grid-template-columns:1fr}.al-auth-brand{min-height:34vh}.al-auth-pitch{margin-bottom:0}.al-auth-form button,.al-auth-link{text-align:center;align-self:stretch}}@media (forced-colors:active){.al-auth-input{border:1px solid canvastext}.al-auth-input:focus-within{outline:2px solid highlight}}
