.auth-page{background-color:var(--bg);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:40px 40px;grid-template-columns:minmax(0,1fr);min-height:100dvh;display:grid}.auth-column{flex-direction:column;min-width:0;display:flex}.auth-aside{background:var(--primary);color:var(--on-primary);padding:0 64px;display:none;position:relative;overflow:hidden}.auth-aside p{z-index:1;max-width:440px;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.01em;text-wrap:balance;font-size:56px;line-height:1.2;position:relative}.auth-aside mark{border:var(--outline);border-radius:var(--radius-control);background:var(--accent-yellow);box-shadow:var(--shadow-card);color:var(--text);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 10px;display:inline-block;transform:rotate(-2deg)}.auth-shape{border:var(--outline);box-shadow:var(--shadow-card);color:var(--text);font:400 40px/1 var(--font-display);letter-spacing:.05em;text-transform:uppercase;place-items:center;display:grid;position:absolute}.auth-shape-disc{background:var(--accent-pink);border-radius:50%;width:300px;height:300px;bottom:-40px;right:-60px}.auth-shape-burst{background:var(--accent-yellow);border-radius:28px;width:136px;height:136px;bottom:70px;right:230px;transform:rotate(8deg)}.auth-shape-burst:after{content:"24/7" / ""}.auth-shape-pill{background:var(--accent-mint);border-radius:999px;width:190px;height:64px;font-size:26px;bottom:72px;left:64px;transform:rotate(-6deg)}.auth-shape-pill:after{content:"Hear it" / ""}@media (min-width:960px){.auth-page{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.auth-aside{align-items:center;display:flex}}.auth-header{border-bottom:var(--outline);background:var(--bg);align-items:center;min-height:72px;padding:8px 32px;display:flex}.auth-header .brand{width:fit-content}.auth-content{width:100%;max-width:440px;margin:0 auto auto;padding:48px 16px 64px}.auth-content h1{color:var(--text);text-wrap:balance;font-size:44px;line-height:1}.auth-content h1+.button{margin-top:24px}.auth-section-icon{border:var(--outline);border-radius:var(--radius-control);background:var(--accent-yellow);width:52px;height:52px;box-shadow:var(--shadow-small);color:var(--text);place-items:center;margin-bottom:20px;display:grid;transform:rotate(-4deg)}.auth-description{color:var(--muted);margin:12px 0 24px;font-size:15px;line-height:1.6}.auth-fineprint{color:var(--muted);margin-top:16px;font-size:12px;line-height:1.6}.auth-provider-note{text-align:center;color:var(--muted);margin-top:12px;font-size:12px;line-height:1.6}.auth-switch{border-top:var(--line);color:var(--muted);margin-top:24px;padding-top:16px;font-size:14px}.auth-switch a{color:var(--primary);align-items:center;gap:4px;min-height:44px;font-weight:600;display:inline-flex}.auth-steps{border-bottom:var(--line);color:var(--muted);gap:16px;margin:0 0 24px;padding:0 0 16px;font-size:12px;list-style:none;display:flex}.auth-steps li{align-items:center;gap:8px;display:flex}.auth-steps li>span{background:var(--surface);border:var(--outline);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.auth-steps li.done>span{color:var(--success)}.auth-steps li[aria-current=step]{color:var(--primary);font-weight:600}.auth-steps li[aria-current=step]>span{background:var(--primary);color:var(--on-primary)}.auth-kinds{border:0;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0;padding:0;display:grid}.auth-kinds legend{margin-bottom:8px;padding:0;font-size:14px;font-weight:550}.auth-kinds .field-choice{align-items:flex-start;gap:10px;padding:12px;display:flex}.auth-kinds .field-choice>svg{color:var(--text);flex-shrink:0;margin-top:2px}.auth-kinds .field-choice strong{font-size:14px;font-weight:600}.auth-zone{margin:8px 0 24px}.auth-divider{color:var(--muted);align-items:center;gap:16px;margin:24px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--text);flex:1;height:2px}.auth-email-address{overflow-wrap:anywhere}.auth-email-actions{justify-content:space-between;gap:12px;margin-top:16px;display:flex}.auth-email-actions button{min-height:44px;font-size:14px}.auth-email-actions+p{margin:4px 0 24px}.auth-workspace{border:var(--outline);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-small);align-items:center;gap:16px;margin:0 6px 16px 0;padding:14px 16px;transition:transform .12s ease-out,box-shadow .12s ease-out;display:flex}.auth-workspace:hover{box-shadow:5px 5px 0 var(--text);transform:translate(-2px,-2px)}.auth-content h1+.auth-workspace{margin-top:24px}.auth-workspace-avatar{background:var(--accent-yellow);width:40px;height:40px;color:var(--text);border:2px solid var(--text);border-radius:var(--radius-control);font-family:var(--font-display);place-items:center;font-size:22px;display:grid;transform:rotate(-4deg)}.auth-workspace strong,.auth-workspace small{display:block}.auth-workspace strong{font-size:14px}.auth-workspace small{color:var(--muted);margin-top:4px;font-size:12px}.auth-workspace>svg{color:var(--text);margin-left:auto}.auth-skip{background:var(--surface);z-index:99;padding:12px;position:fixed;top:-60px;left:16px}.auth-skip:focus{top:12px}.auth-skeleton{background:var(--border);border-radius:5px;width:80%;max-width:280px;height:10px;animation:1.6s ease-in-out infinite auth-pulse;display:block}.auth-skeleton.short{width:52%}.auth-skeleton+.auth-skeleton{margin-top:10px}.auth-skeleton-steps{border-bottom:var(--line);gap:16px;margin-bottom:24px;padding-bottom:16px;display:flex}.auth-skeleton-steps .auth-skeleton{border-radius:12px;width:72px;height:24px}.auth-skeleton-title{border-radius:8px;width:75%;height:35px;margin-bottom:12px}.auth-skeleton-input{border-radius:8px;width:100%;max-width:none;height:46px;margin-top:24px}.auth-skeleton-kinds{grid-template-columns:1fr 1fr;gap:8px;margin:16px 0 24px;display:grid}.auth-skeleton-kind{border-radius:8px;width:100%;max-width:none;height:70px}.auth-skeleton-action{border-radius:8px;width:100%;max-width:none;height:48px}@keyframes auth-pulse{50%{opacity:.45}}@media (max-width:760px){.auth-header{padding:16px}.auth-content h1{font-size:28px}.auth-steps{gap:12px}.auth-kinds,.auth-skeleton-kinds{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.auth-page *{transition:none!important}.auth-skeleton{animation:none}}
