.auth-shell{background:#fff;grid-template-columns:minmax(440px,.9fr) minmax(480px,1.1fr);min-height:100vh;display:grid}.auth-story{color:#fff;flex-direction:column;padding:2rem;display:flex;position:relative;overflow:hidden}.auth-story__image,.auth-story__shade{position:absolute;inset:0}.auth-story__image{background:url(../../../images/asbestklar-hero.webp) 50%/cover}.auth-story__shade{background:linear-gradient(#080a0742,#080a07e0),linear-gradient(90deg,#080a0799,#0000)}.auth-story__brand,.auth-story__copy,.auth-story>small{z-index:1;position:relative}.auth-story__brand{align-self:flex-start;text-decoration:none}.auth-story__copy{margin:auto 0 4rem}.auth-story__copy>p{color:var(--amber);font-family:var(--font-data);letter-spacing:.11em;margin:0 0 1.3rem;font-size:.62rem}.auth-story__copy h2{font-family:var(--font-display);font-variation-settings:"wdth" 112;letter-spacing:-.07em;margin:0;font-size:clamp(2.6rem,4.5vw,5.3rem);font-weight:820;line-height:.9}.auth-story__copy>div{flex-wrap:wrap;gap:1rem 1.5rem;margin-top:2rem;display:flex}.auth-story__copy span{align-items:center;gap:.45rem;font-size:.67rem;display:flex}.auth-story__copy svg{color:var(--amber)}.auth-story>small{color:#aeb3aa;font-size:.55rem}.auth-main{place-items:center;padding:5rem 2rem 3rem;display:grid;position:relative}.auth-back{color:#676c62;align-items:center;gap:.35rem;font-size:.62rem;font-weight:700;text-decoration:none;display:flex;position:absolute;top:2rem;right:2rem}.auth-card{width:min(430px,100%)}.auth-eyebrow{color:#777c72;font-family:var(--font-data);letter-spacing:.1em;margin:0 0 .8rem;font-size:.59rem}.auth-card h1{font-family:var(--font-display);letter-spacing:-.06em;margin:0;font-size:clamp(2.3rem,4vw,3.4rem);font-weight:730;line-height:1}.auth-description{color:#666b61;margin:.8rem 0 2rem;font-size:.75rem;line-height:1.65}.auth-form{gap:1rem;display:grid}.auth-divider{color:#858a80;text-transform:uppercase;align-items:center;gap:.7rem;margin:1rem 0;font-size:.55rem;display:flex}.auth-divider:before,.auth-divider:after{background:var(--line);content:"";flex:1;height:1px}.auth-form label{color:var(--ink);gap:.4rem;font-size:.63rem;font-weight:750;display:grid}.auth-form input{height:3rem;box-shadow:none;background:#fafaf7;border:1px solid #cfd1ca;border-radius:0;padding:0 .85rem;font-size:.73rem}.auth-form input:focus{border-color:var(--ink);outline:2px solid var(--amber);outline-offset:1px}.form-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.password-actions{justify-content:flex-end;margin-top:-.25rem;display:flex}.password-actions a{text-underline-offset:3px;font-size:.62rem;font-weight:750}.form-check{align-items:center;color:#63685e!important;grid-template-columns:auto 1fr!important;gap:.45rem!important;font-weight:600!important;display:flex!important}.form-check input{width:.9rem;height:.9rem;color:var(--ink);border-radius:0}.form-row a,.auth-switch a{text-underline-offset:3px;font-size:.62rem;font-weight:750}.auth-submit{border:1px solid var(--ink);background:var(--ink);color:#fff;justify-content:center;align-items:center;gap:.5rem;height:3.1rem;font-size:.7rem;font-weight:780;display:flex}.auth-submit:hover{background:var(--amber);color:var(--ink)}.auth-submit:disabled{cursor:wait;opacity:.65}.auth-error{border-left:3px solid var(--red);background:var(--red-soft);color:#8a3027;padding:.7rem .8rem;font-size:.59rem;line-height:1.5}.auth-success{border-left:3px solid var(--green);background:var(--green-soft);color:#315f49;padding:.7rem .8rem;font-size:.59rem;line-height:1.5}.auth-switch{border-top:1px solid var(--line);color:#70756b;text-align:center;margin:1.5rem 0 0;padding-top:1.2rem;font-size:.64rem}.auth-note{border-left:3px solid var(--amber);color:#686d63;background:#f5f5f1;gap:.55rem;margin-top:1rem;padding:.75rem;font-size:.59rem;line-height:1.5;display:flex}.auth-note svg{color:#9b6800;flex:none}@media (width>=901px){.auth-shell--contained{height:100dvh;min-height:0;overflow:hidden}.auth-shell--contained .auth-story{min-height:0}.auth-shell--contained .auth-main{overscroll-behavior-y:contain;scrollbar-gutter:stable;height:100%;min-height:0;overflow-y:auto}}@media (width<=900px){.auth-shell{grid-template-columns:1fr}.auth-story{display:none}.auth-main{min-height:100vh}}@media (width<=520px){.auth-main{padding:5.5rem 1.2rem 2rem}.auth-back{top:1.5rem;right:1.2rem}.form-row{flex-direction:column;align-items:flex-start}}
