.auth-page{grid-template-columns:minmax(450px,44%) 1fr;min-height:100vh;display:grid}.auth-panel{place-items:center;padding:110px 40px 50px;display:grid;position:relative}.auth-brand{position:absolute;top:35px;left:40px}.auth-brand img{width:132px;height:auto}.auth-box{width:min(100%,430px)}.auth-box h1{font:400 45px/1.2 var(--font-title,Georgia, serif);margin:15px 0}.auth-box header>p:last-child{color:var(--color-text-secondary);line-height:1.7}.auth-box button{cursor:pointer}.auth-providers{margin-top:30px}.auth-providers button,.auth-submit{background:#fff;border:1px solid #ccc;border-radius:6px;width:100%;min-height:50px}.auth-divider{text-align:center;color:var(--color-text-muted);font-size:var(--type-caption-size);margin:25px 0}.auth-mode{background:#f5f5f5;border-radius:6px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.auth-mode button{background:0 0;border:0;min-height:40px}.auth-mode button[aria-selected=true]{background:#fff}.auth-box form{gap:12px;margin-top:22px;display:grid}.auth-box label{font-size:var(--type-body-sm-size)}.auth-box input{width:100%;min-height:48px;font:inherit;border:1px solid #ccc;border-radius:6px;padding:0 12px}.auth-input-control{position:relative}.auth-input-control input{padding-right:50px}.auth-input-control button{background:0 0;border:0;width:32px;height:32px;position:absolute;top:8px;right:6px}.auth-field[data-password-confirm]{gap:12px;display:grid}.auth-field[hidden]{display:none}.auth-box form p,.auth-terms{font-size:var(--type-label-size);color:var(--color-text-muted);line-height:1.7}.auth-submit{color:#fff;background:#286c49;border-color:#286c49}.auth-status{color:#a33;text-align:center;min-height:24px;font-size:var(--type-caption-size)}.auth-back{text-align:center;color:var(--color-text-secondary);margin-top:25px;text-decoration:none;display:block}.auth-visual{position:relative;overflow:hidden}.auth-visual img{object-fit:cover;width:100%;height:100%;position:absolute}.auth-visual:after{content:"";background:#ffffff94;position:absolute;inset:0}.auth-visual>div{z-index:1;position:absolute;bottom:90px;left:70px;right:70px}.auth-visual h2{font:400 clamp(45px, 5vw, 75px)/1.1 var(--font-title,Georgia, serif)}@media (max-width:850px){.auth-page{display:block}.auth-panel{min-height:100vh;padding-inline:22px}.auth-brand{left:22px}.auth-visual{display:none}}