.crm-auth{--auth-in-dist:1.25rem;--auth-in-dur:550ms;--auth-in-ease:cubic-bezier(0.22,1,0.36,1);--auth-stagger:90ms;--auth-out-dist:-0.75rem;--auth-out-dur:350ms;--auth-fade-dur:700ms;display:flex;min-height:100dvh;width:100%;padding:var(--space-12);gap:var(--space-12);background:var(--surface-sidebar)}.crm-auth__left{position:relative;display:flex;flex:1 1;min-width:0;padding:0 var(--space-32);border-radius:var(--radius-12);background:var(--surface)}.crm-auth__back{position:absolute;top:var(--space-8);left:var(--space-8);display:grid;place-items:center;width:3.5rem;height:3.5rem;padding:0;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--ink-subtle);cursor:pointer;transition:color var(--cp-dur-1) var(--cp-ease),background-color var(--cp-dur-1) var(--cp-ease)}.crm-auth__back:hover{color:var(--ink);background:var(--surface-subtle)}.crm-auth__back:focus-visible{outline:var(--stroke-focus) solid var(--accent)}.crm-auth__language{position:absolute;top:var(--space-20);right:var(--space-24)}.crm-auth__content{width:100%;max-width:var(--auth-content-width);margin:auto;padding-block:2.5rem;display:flex;flex-direction:column;gap:var(--space-24)}.crm-auth--wide .crm-auth__content{max-width:var(--onboarding-content-width)}.crm-auth--top .crm-auth__content{margin-block:0;padding-top:3rem}.crm-auth__head{display:flex;flex-direction:column;align-items:center;gap:var(--space-24)}.crm-auth__brand{display:inline-flex}.crm-auth__brand img{width:auto;height:var(--space-24)}.crm-auth__intro{gap:var(--space-12);text-align:center}.crm-auth__intro,.crm-auth__step{display:flex;flex-direction:column}.crm-auth__step{--i0:0;gap:var(--space-24);min-width:0}.crm-auth__step[data-first=true]{--i0:2}@keyframes crm-auth-in{0%{opacity:0;transform:translateY(var(--auth-in-dist))}}@keyframes crm-auth-out{to{opacity:0;transform:translateY(var(--auth-out-dist))}}.crm-auth__head>*,.crm-auth__step>*,.crm-auth__step>form>*{animation:crm-auth-in var(--auth-in-dur) var(--auth-in-ease) backwards;animation-delay:calc(var(--i, 0) * var(--auth-stagger))}.crm-auth__head>:nth-child(2){--i:1}.crm-auth__step>:first-child{--i:var(--i0)}.crm-auth__step>:nth-child(2){--i:calc(var(--i0) + 1)}.crm-auth__step>:nth-child(n+3){--i:calc(var(--i0) + 6)}.crm-auth__step>form>:first-child{--i:calc(var(--i0) + 1)}.crm-auth__step>form>:nth-child(2){--i:calc(var(--i0) + 2)}.crm-auth__step>form>:nth-child(3){--i:calc(var(--i0) + 3)}.crm-auth__step>form>:nth-child(4){--i:calc(var(--i0) + 4)}.crm-auth__step>form>:nth-child(n+5){--i:calc(var(--i0) + 5)}.crm-auth__step>form{animation:none}.crm-auth__step>form[data-shake=a]{animation:cp-shake-a var(--cp-dur-3) var(--cp-ease)}.crm-auth__step>form[data-shake=b]{animation:cp-shake-b var(--cp-dur-3) var(--cp-ease)}.crm-auth__step[data-phase=leave]>*{animation:crm-auth-out var(--auth-out-dur) ease-out forwards}.crm-auth .cp-reveal{transition:grid-template-rows var(--cp-dur-3) var(--cp-ease),opacity var(--cp-dur-2) var(--cp-ease),margin var(--cp-dur-3) var(--cp-ease)}.crm-auth .cp-reveal[data-open=false]{margin-top:calc(-1 * var(--space-24))}.crm-auth .cp-reveal>div>*{transition:transform var(--cp-dur-2) var(--cp-ease)}.crm-auth .cp-reveal[data-open=false]>div>*{transform:translateY(.625rem)}.crm-auth__intro h1{margin:0;font:var(--type-auth-title);letter-spacing:-.02em;color:var(--ink);text-wrap:balance}.crm-auth--wide .crm-auth__intro h1{font:var(--type-onboarding-title)}.crm-auth__intro p{margin:0;color:var(--ink-subtle);font:var(--type-form-input);text-wrap:pretty}.crm-auth__fields,.crm-auth__form,.crm-auth__stack{display:flex;flex-direction:column;gap:var(--space-24);min-width:0}.crm-auth__form .cp-btn--primary:hover:not(:disabled){background-color:var(--surface-dark)}.crm-auth__form .cp-btn--primary{transition:background-color .2s var(--cp-ease),color .2s var(--cp-ease),opacity .2s var(--cp-ease),transform var(--cp-dur-1) var(--cp-ease);min-height:var(--auth-cta-height);padding:var(--space-8) var(--space-16);box-shadow:var(--shadow-control);justify-content:center;font:var(--type-form-input);border-radius:var(--radius-8)}.crm-auth__form .cp-btn{max-width:100%;white-space:normal}.crm-auth__names{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-12);gap:var(--space-12)}.crm-auth__link{color:var(--accent-ink);text-decoration:underline;text-underline-offset:.18em;font:var(--type-form-input);transition:opacity .15s var(--cp-ease)}.crm-auth__link:hover{opacity:.8}.crm-auth__link:focus-visible{outline:var(--stroke-focus) solid var(--accent);outline-offset:var(--space-4)}.crm-auth__forgot{margin-top:calc(-1 * var(--space-12));font:var(--type-caption);color:var(--ink-subtle);text-decoration:underline;align-self:flex-start}.crm-auth__footer{text-align:center;color:var(--ink-subtle);font:var(--type-form-input)}.crm-auth__footer p{margin:0}.crm-auth__note{margin:0;color:var(--ink-subtle);font:var(--type-body);line-height:1.6}.crm-auth__actions{display:flex;flex-wrap:wrap;gap:var(--space-12);justify-content:space-between;align-items:center}.crm-auth__summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);grid-gap:var(--space-12);gap:var(--space-12);margin:0;font:var(--type-form-input)}.crm-auth__summary dt{color:var(--ink-subtle)}.crm-auth__summary dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.crm-auth__choices{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-12)}.crm-auth__choices legend{font:var(--type-form-label);color:var(--ink-subtle);margin-bottom:var(--space-12)}.crm-auth__demo{padding-top:var(--space-16);border-top:var(--stroke-1) solid var(--line-soft)}.crm-auth__demo h2{margin:0 0 var(--space-8);font:var(--type-body-strong)}.crm-auth__demo p{margin:0 0 var(--space-12)}.crm-auth__demo ul{margin:0;padding:0;list-style:none}.crm-auth__demo button,.crm-auth__demo ul{display:flex;flex-direction:column;gap:var(--space-4)}.crm-auth__demo button{width:100%;padding:var(--space-8);text-align:left;border:0;border-radius:var(--radius-8);background:var(--surface-subtle);color:var(--ink);font:var(--type-body);cursor:pointer}.crm-auth__demo button[aria-pressed=true]{background:var(--accent-soft)}.crm-auth__demo button:focus-visible{outline:var(--stroke-focus) solid var(--accent)}.crm-auth__demo small{color:var(--ink-subtle);font:var(--type-caption)}.crm-auth__previews{display:none}@media (min-width:64rem){.crm-auth__left{flex-basis:52%}.crm-auth__previews{position:-webkit-sticky;position:sticky;top:var(--space-12);display:block;flex:1 1;flex-basis:48%;height:calc(100dvh - var(--space-24));min-width:0;overflow:hidden;border-radius:var(--radius-12);background:radial-gradient(120% 70% at 100% 0,var(--accent-track),transparent 70%),linear-gradient(180deg,var(--accent-soft),var(--surface-sidebar))}}.crm-auth__slide{position:absolute;inset:0;opacity:0;transition:opacity var(--auth-fade-dur) ease-out;pointer-events:none}.crm-auth__slide[data-active=true]{opacity:1}.crm-auth__preview-caption{max-width:26rem;padding:2.5rem 2.5rem 0;color:var(--accent-ink)}.crm-auth__preview-caption>span{font:var(--type-form-label)}.crm-auth__preview-caption h2{margin:var(--space-12) 0 0;font:var(--type-auth-title);letter-spacing:-.02em;text-wrap:balance}.crm-auth__shot{position:absolute;top:14rem;left:2.5rem;width:66rem;margin:0;overflow:hidden;border:var(--stroke-1) solid var(--line);border-radius:var(--radius-12);background:var(--surface);box-shadow:var(--shadow-app)}.crm-auth__shot-bar{display:flex;gap:var(--space-8);align-items:center;height:2rem;padding-inline:var(--space-12);border-bottom:var(--stroke-1) solid var(--line-soft)}.crm-auth__shot-bar i{width:.625rem;height:.625rem;border-radius:var(--radius-pill)}.crm-auth__shot-bar i:first-child{background:#ff5f57}.crm-auth__shot-bar i:nth-child(2){background:#febc2e}.crm-auth__shot-bar i:nth-child(3){background:#28c840}.crm-auth__shot img{display:block;width:100%;height:auto}.crm-auth__review-card{padding:var(--space-24);border:var(--stroke-1) solid var(--line);border-radius:var(--radius-12);display:flex;flex-direction:column;gap:var(--space-20)}.crm-auth__review-card h2{margin:0;font:var(--type-section-title)}.crm-auth--admin .crm-auth__previews{display:none}@media (max-width:47.999rem){.crm-auth__left{padding-inline:var(--space-20)}.crm-auth__content{padding-top:4rem}.crm-auth__names{grid-template-columns:minmax(0,1fr)}.crm-auth__intro h1{font:var(--type-onboarding-title)}.crm-auth__summary{grid-template-columns:minmax(0,1fr);gap:var(--space-6)}.crm-auth__summary dd{margin-bottom:var(--space-10)}}@media (prefers-reduced-motion:reduce){.crm-auth .cp-reveal,.crm-auth .cp-reveal>div>*,.crm-auth__slide{transition:none}.crm-auth__head>*,.crm-auth__step>*,.crm-auth__step>form>*{animation:none}}#auth-title:focus{outline:none}.crm-auth__product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-12);gap:var(--space-12)}.crm-auth__choice-card{display:flex;flex-direction:column;justify-content:center;gap:var(--space-6);padding:var(--space-16);border:var(--stroke-1) solid var(--line-control);border-radius:var(--radius-12);background:var(--surface-subtle);min-width:0;transition:border-color var(--cp-dur-1) var(--cp-ease),background-color var(--cp-dur-1) var(--cp-ease),box-shadow var(--cp-dur-1) var(--cp-ease)}.crm-auth__choice-card[data-selected=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--surface));box-shadow:0 0 0 var(--space-3) color-mix(in srgb,var(--accent) 20%,transparent)}.crm-auth__choice-card[data-selected=true] small{color:var(--accent-ink)}.crm-auth__choice-card small{color:var(--ink-subtle);font:var(--type-caption);padding-left:var(--space-24)}.crm-auth__logo-field{display:flex;flex-direction:column;gap:var(--space-8)}.crm-auth__field-label{font:var(--type-form-label);color:var(--ink-subtle)}.crm-auth__logo-row{display:flex;align-items:center;gap:var(--space-16);min-width:0}.crm-auth__logo-box{width:50%;height:5rem;flex-shrink:0;padding:var(--space-12);display:grid;place-items:center;border:var(--stroke-1) solid var(--line-control);border-radius:var(--radius-8);background:var(--surface-subtle)}.crm-auth__logo-box[data-square=true]{width:5rem}.crm-auth__logo-box img{max-width:100%;max-height:100%;object-fit:contain}.crm-auth__logo-box>span{color:var(--ink-subtle);font:var(--type-auth-title)}.crm-auth__upload-actions{min-width:0;gap:var(--space-8);align-items:flex-start}.crm-auth__file-input{position:absolute;width:1px;height:1px;overflow:hidden;padding:0;border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.crm-auth__upload-button{cursor:pointer;border:var(--stroke-1) solid var(--line-control);border-radius:var(--radius-8);background:var(--surface);color:var(--ink);padding:var(--space-8) var(--space-12);font:var(--type-form-input)}.crm-auth__upload-button[data-disabled=true]{opacity:.55;cursor:not-allowed}.crm-auth__file-input:focus-visible+.crm-auth__upload-button{outline:var(--stroke-focus) solid var(--accent);outline-offset:var(--space-3)}.crm-auth__upload-error{color:var(--danger-ink);font:var(--type-form-input);margin:0}.crm-auth__color-field{display:flex;flex-direction:column;gap:var(--space-6)}.crm-auth__color-field>span:last-child{display:flex;align-items:center;gap:var(--space-12);font:var(--type-form-input)}.crm-auth__color-field input{width:3rem;height:var(--control-height);padding:var(--space-4);background:var(--surface);border:var(--stroke-1) solid var(--line-control);border-radius:var(--radius-8);cursor:pointer}.crm-auth__color-field input:focus-visible,.crm-auth__upload-actions input:focus-visible{outline:var(--stroke-focus) solid var(--accent);outline-offset:var(--space-3)}.crm-auth__brand-preview{background:#ffffff;color:#17212e;border:var(--stroke-1) solid #d7dce2;border-radius:var(--radius-12);padding:var(--space-24);display:flex;flex-direction:column;gap:var(--space-16)}.crm-auth__brand-preview[data-dark=true]{background:#17212e;color:#f5f7fa;border-color:#46515f}.crm-auth__brand-preview header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);min-height:var(--space-32)}.crm-auth__brand-preview header>img{max-width:65%;max-height:var(--space-36);object-fit:contain}.crm-auth__brand-preview header>img.crm-auth__brand-icon{width:var(--space-24);height:var(--space-24)}.crm-auth__brand-preview h2{margin:0;font:var(--type-section-title)}.crm-auth__brand-preview p{margin:0;font:var(--type-form-input)}.crm-auth__brand-scene{height:7rem;border-radius:var(--brand-radius);background:color-mix(in srgb,var(--brand-color) 12%,transparent);display:flex;align-items:flex-end;justify-content:center;gap:var(--space-8);overflow:hidden}.crm-auth__brand-scene span{width:18%;height:60%;background:var(--brand-color);opacity:.8;border-radius:var(--brand-radius) var(--brand-radius) 0 0}.crm-auth__brand-scene span:nth-child(2){height:85%;opacity:1}.crm-auth__brand-scene span:nth-child(3){height:45%;opacity:.55}.crm-auth__brand-example{display:flex;flex-direction:column;gap:var(--space-6);font:var(--type-form-input)}.crm-auth__brand-example>span{font:var(--type-form-label)}.crm-auth__brand-example>div{padding:var(--space-12);border:var(--stroke-1) solid #a0aab6;border-radius:var(--brand-radius)}.crm-auth__brand-cta{display:flex;justify-content:space-between;padding:var(--space-12) var(--space-16);background:var(--brand-color);color:var(--brand-on-color);border-radius:var(--brand-radius);font:var(--type-form-label)}@media (min-width:64rem){.crm-auth--top .crm-auth__previews{position:-webkit-sticky;position:sticky;top:var(--space-12);height:calc(100dvh - var(--space-24))}}@media (max-width:30rem){.crm-auth__product-grid{grid-template-columns:minmax(0,1fr)}.crm-auth__logo-row{align-items:flex-start}.crm-auth__logo-box{width:40%}.crm-auth__brand-preview{padding:var(--space-16)}}.crm-auth__crm-preview{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,2fr);border:var(--stroke-1) solid #a0aab6;border-radius:var(--brand-radius);overflow:hidden}.crm-auth__crm-preview aside{display:flex;flex-direction:column;gap:var(--space-12);padding:var(--space-12) var(--space-8);background:var(--brand-soft);font:var(--type-caption)}.crm-auth__crm-preview aside strong{display:grid;place-items:center;width:var(--space-24);height:var(--space-24);color:var(--brand-on-color);background:var(--brand-color);border-radius:var(--brand-radius)}.crm-auth__crm-preview aside strong img{max-width:100%;max-height:100%;object-fit:contain}.crm-auth__crm-preview aside span{overflow-wrap:anywhere}.crm-auth__crm-preview aside span[data-active]{color:var(--brand-accent);font-weight:600}.crm-auth__crm-preview article{padding:var(--space-16);display:flex;flex-direction:column;gap:var(--space-16);min-width:0}.crm-auth__crm-preview article h2{font:var(--type-body-strong)}.crm-auth__crm-preview .crm-auth__brand-example>div{padding:var(--space-8)}.crm-auth__crm-preview .crm-auth__brand-cta{gap:var(--space-8)}