/* Sign in and payment success: split screen, photo panel left, task right */
.auth{min-height:100dvh;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.auth-side{position:relative;display:flex;align-items:flex-end;padding:clamp(2rem,5vw,3.5rem)}
.auth-side .page-bg::after{background:linear-gradient(0deg,var(--ink) 0%,color-mix(in srgb,var(--ink) 55%,transparent) 45%,color-mix(in srgb,var(--ink) 15%,transparent) 100%)}
.auth-side-in{position:relative;max-width:30rem}
.auth-quote{font-size:clamp(2rem,3.6vw,3rem);font-weight:760;letter-spacing:-.035em;line-height:1.02}
.auth-note{margin-top:1rem;color:var(--ink-muted)}
.auth-main{display:flex;flex-direction:column;padding:1.25rem clamp(1.25rem,4vw,3rem) 1.5rem;background:var(--bg)}
.auth-top{display:flex;justify-content:space-between;align-items:center}
.auth-brand{color:var(--text)}
.auth-brand b{color:var(--purple)}
:root[data-theme="dark"] .auth-brand b{color:var(--hl)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .auth-brand b{color:var(--hl)}}
.auth-theme{color:var(--muted)}
.auth-card{margin:auto;width:min(420px,100%);padding-block:2.5rem}
.auth-title{font-size:clamp(1.6rem,2.6vw,2rem);font-weight:740;letter-spacing:-.03em;line-height:1.1}
.auth-sub{margin:.6rem 0 1.5rem;color:var(--muted)}
.auth-sub strong{color:var(--text)}
#clerk-signin{width:100%;display:flex;justify-content:center}
#clerk-signin .cl-rootBox,#clerk-signin .cl-card{width:100%!important;min-width:0!important;max-width:100%!important}
#clerk-signin .cl-footer,#clerk-signin .cl-footerAction,#clerk-signin .cl-logoBox{display:none!important}
.login-back{margin-top:1.5rem;font-size:.92rem;color:var(--muted)}
.login-back a,.auth-steps a{color:var(--link)}
.auth-btn{width:100%}
.auth-foot{font-size:.85rem;color:var(--muted);text-align:center}
.auth-foot a{color:inherit}
.auth-seal{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--done-soft);color:var(--done);margin-bottom:1.25rem}
.auth-seal svg{width:32px;height:32px;fill:currentColor}
.auth-steps{padding:1.1rem 1.25rem;border-radius:var(--r-panel);background:var(--surface);border:1px solid var(--line);margin-bottom:1.5rem}
.auth-steps p{font-weight:650;color:var(--done);margin-bottom:.5rem}
.auth-steps ol{padding-left:1.2rem;display:grid;gap:.35rem;color:var(--muted);font-size:.95rem}
.auth-actions{display:flex;flex-wrap:wrap;gap:.75rem}
.auth-loading{color:var(--muted)}
@media (max-width:860px){.auth{grid-template-columns:1fr}.auth-side{display:none}}