.auth-page{max-width:var(--page-width-form);border:1px solid var(--ar-border);background:linear-gradient(135deg,#fffdf7f5,#f7efe1db),linear-gradient(90deg,#4332220a 1px,#0000 1px) 0 0/38px 38px;border-radius:12px;margin:2rem auto;padding:1.25rem;box-shadow:0 18px 42px #4332221a}.auth-page h1{text-align:center;color:var(--ar-ink);margin-bottom:1.5rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,5vw,3rem);line-height:1.05}.auth-page h1+.lead,.auth-page h1+.auth-form,.auth-page h1+.success-panel{margin-top:.75rem}.lead{color:var(--ar-muted);text-align:center;margin-bottom:1.5rem;font-size:.95rem;line-height:1.45}.auth-form,.success-panel{flex-direction:column;gap:1rem;display:flex}.success-panel{text-align:center}.success-panel p{color:var(--ar-body);line-height:1.45}.muted a,.forgot-row a,.auth-footer a{color:var(--ar-coral-dark);font-weight:750}.field input{border-color:#4332222e;padding:.72rem .85rem}.password-input-wrap{align-items:center;display:flex;position:relative}.password-input-wrap input{padding-right:4.25rem}.password-toggle{color:var(--ar-muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:8px;margin:0;padding:.35rem .55rem;font-size:.8rem;font-weight:700;line-height:1;position:absolute;top:50%;right:.45rem;transform:translateY(-50%)}.password-toggle:hover{color:var(--ar-ink);background:#4332220f}.password-toggle:focus-visible{box-shadow:0 0 0 3px var(--kl-primary-tint);color:var(--ar-ink);outline:none}.forgot-row{text-align:right;margin:-.35rem 0 0;font-size:.88rem}.auth-btn-primary{width:100%;margin-top:.5rem}.oauth-actions{gap:.7rem;display:grid}.btn-oauth,.btn-google{text-align:center;background:var(--ar-paper);min-height:2.4rem;color:var(--ar-ink);box-shadow:none;border:1px solid #4332222e;border-radius:10px;justify-content:center;align-items:center;padding:.72rem 1rem;font-size:.95rem;font-weight:750;text-decoration:none;display:flex}.btn-oauth:hover,.btn-google:hover{background:var(--ar-sand);color:var(--ar-ink);text-decoration:none}.divider{text-align:center;color:var(--ar-muted);margin:1.25rem 0;font-size:.85rem}.auth-footer{text-align:center;color:var(--ar-muted);margin-top:1.5rem;font-size:.9rem}@keyframes auth-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.auth-form.shake{animation:.45s auth-shake}
