.auth-page:has(.su-acct,.su-code,.su-q){background:radial-gradient(900px 480px at 0 0,color-mix(in srgb,var(--brand) 9%,transparent),transparent 60%),radial-gradient(800px 460px at 100% 100%,color-mix(in srgb,#ff9a62 11%,transparent),transparent 60%),var(--canvas)}.auth-page:has(.su-acct,.su-code,.su-q) .auth-card{border-radius:22px;box-shadow:0 24px 50px -30px color-mix(in srgb,var(--brand) 45%,transparent),var(--shadow)}.su-q__seg{position:relative;overflow:hidden;height:8px}.su-q__seg.is-on{background:linear-gradient(90deg,var(--brand),color-mix(in srgb,var(--brand) 60%,#ff9a62))}.su-q__seg.is-on:has(+.su-q__seg:not(.is-on)),.su-q__seg.is-on:last-child{animation:su-fill .42s var(--ease) both;transform-origin:left center}@keyframes su-fill{0%{transform:scaleX(.05);opacity:.4}to{transform:none;opacity:1}}.su-stages{list-style:none;display:flex;gap:.4rem;flex-wrap:wrap;margin:-.35rem 0 .9rem;padding:0}.su-stages li{display:inline-flex;align-items:center;gap:.35rem;padding:.22rem .6rem .22rem .25rem;border-radius:999px;font-size:.76rem;font-weight:600;color:var(--muted);background:color-mix(in srgb,var(--ink) 4%,transparent)}.su-stages__dot{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:.68rem;background:var(--card);border:1px solid var(--line)}.su-stages__dot svg{width:11px;height:11px}.su-stages li.is-done{color:var(--ok-ink,#0f7a37);background:color-mix(in srgb,var(--ok) 10%,transparent)}.su-stages li.is-done .su-stages__dot{background:var(--ok);border-color:var(--ok);color:#fff}.su-stages li.is-now{color:var(--brand-ink);background:color-mix(in srgb,var(--brand) 9%,transparent)}.su-stages li.is-now .su-stages__dot{background:var(--brand);border-color:var(--brand);color:#fff}.su-acct,.su-code,.su-q__body,.su-q__title{animation:su-in .24s var(--ease) both}@keyframes su-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.su-row{border-radius:10px;padding-left:.6rem;padding-right:.6rem;transition:background var(--motion-fast) var(--ease)}.su-row:hover{background:color-mix(in srgb,var(--brand) 5%,transparent)}.su-row.is-on{background:color-mix(in srgb,var(--brand) 8%,transparent)}.su-row+.su-row{border-top-color:color-mix(in srgb,var(--line) 70%,transparent)}.su-acct .btn:active,.su-code .btn:active,.su-q .btn:active{transform:scale(.98)}.su-confirmed{display:flex;align-items:center;gap:.55rem;margin:0 0 .7rem;padding:.55rem .75rem;border-radius:12px;font-size:.88rem;font-weight:600;color:var(--ok-ink,#0f7a37);background:color-mix(in srgb,var(--ok) 10%,var(--card))}.su-confirmed__tick{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--ok);color:#fff;animation:su-pop .46s cubic-bezier(.2,1.4,.4,1) both}.su-confirmed__tick svg{width:13px;height:13px}@keyframes su-pop{0%{transform:scale(.3);opacity:0}to{transform:none;opacity:1}}@media (prefers-reduced-motion:reduce){.su-acct,.su-code,.su-confirmed__tick,.su-q__body,.su-q__seg.is-on:has(+.su-q__seg:not(.is-on)),.su-q__seg.is-on:last-child,.su-q__title{animation:none}.su-row{transition:none}}