.onboarding-layout{background:linear-gradient(135deg,#fbf9f6f5,#f6f2edf5);min-height:100vh}.onboarding{min-height:100vh;display:grid}@media (min-width:1024px){.onboarding{grid-template-columns:1fr 1fr}}.onboarding__form-panel{flex-direction:column;justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex}@media (min-width:1024px){.onboarding__form-panel{padding:3rem 4rem}}.onboarding__preview-panel{background-color:var(--ql-bg-base);border-top:1px solid var(--ql-border-subtle);justify-content:center;align-items:center;padding:1rem;display:flex;overflow:hidden}@media (min-width:1024px){.onboarding__preview-panel{border-top:none;border-left:1px solid var(--ql-border-subtle);height:100vh;padding:2rem;position:sticky;top:0}}.onboarding-form{width:100%;max-width:28rem}.onboarding-form__brand{font-family:var(--font-heading);color:var(--color-ink);margin-bottom:2.5rem;font-size:1.25rem;font-weight:500}.onboarding-form__progress{gap:.5rem;margin-bottom:1.5rem;display:flex}.onboarding-form__progress-dot{background-color:var(--ql-border-subtle);width:2.5rem;height:.25rem;transition:background-color var(--ql-dur-fast) var(--ql-ease-in-out);border-radius:999px}.onboarding-form__progress-dot--active{background-color:var(--ql-text-primary,#2c2825)}.onboarding-form__step-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-graphite);margin-bottom:.5rem;font-size:.75rem;font-weight:500}.onboarding-form__question{font-family:var(--font-heading);color:var(--color-ink);margin-bottom:2rem;font-size:1.75rem;font-weight:500;line-height:1.2}.onboarding-form__fields{flex-direction:column;gap:1rem;min-height:8rem;display:flex}.onboarding-form__fields[data-direction=forward]{animation:onb-slide-in-right .32s var(--ql-ease-out) both}.onboarding-form__fields[data-direction=back]{animation:onb-slide-in-left .32s var(--ql-ease-out) both}@keyframes onb-slide-in-right{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes onb-slide-in-left{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}.onboarding-form__sub-header{color:var(--color-graphite);margin-top:-1rem;margin-bottom:1.5rem;font-size:.9375rem}.onboarding-form__stages{flex-direction:column;gap:.75rem;display:flex}.onboarding-form__stage-card{border:1px solid var(--ql-border-subtle);border-radius:12px;border-radius:var(--ql-r-md);background:var(--ql-surface-card);cursor:pointer;transition:border-color var(--ql-dur-fast) var(--ql-ease-in-out), transform var(--ql-dur-fast) var(--ql-ease-out), box-shadow var(--ql-dur-fast) var(--ql-ease-out), background var(--ql-dur-fast) var(--ql-ease-in-out);text-align:left;flex-direction:column;gap:.25rem;width:100%;padding:1.125rem 1.25rem;display:flex}.onboarding-form__stage-card:hover{box-shadow:var(--ql-shadow-card-hover);border-color:#b8a88a8c;transform:translateY(-1px)}.onboarding-form__stage-card--selected{border-color:var(--ql-accent);background-color:#f6f2edbf}.onboarding-form__stage-label{color:var(--color-ink);font-size:.9375rem;font-weight:600}.onboarding-form__stage-description{color:var(--color-graphite);font-size:.8125rem;line-height:1.4}.onboarding-form__error{color:var(--color-danger,#d32f2f);margin-top:.5rem;font-size:.875rem}.onboarding-form__actions{gap:.75rem;margin-top:2rem;display:flex}.onboarding-form__skip-hint{color:var(--color-graphite);opacity:.8;margin-top:.25rem;font-size:.8125rem;font-style:italic}.onboarding-form__url-preview{border-radius:var(--ql-r-sm);border:1px solid var(--ql-border-subtle);transition:border-color var(--ql-dur-fast) var(--ql-ease-in-out);background:#f6f2edb8;margin-top:.5rem;padding:.875rem 1rem}.onboarding-form__url-preview:hover{border-color:#b8a88a8c}.onboarding-form__url-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-graphite);margin-bottom:.375rem;font-size:.6875rem;font-weight:600;display:block}.onboarding-form__url-row{align-items:center;gap:0;font-size:.8125rem;display:flex}.onboarding-form__url-prefix{color:var(--color-graphite);white-space:nowrap;flex-shrink:0}.onboarding-form__url-slug{color:var(--color-ink);cursor:pointer;border:none;border-bottom:1px dashed var(--color-graphite);transition:border-color var(--ql-dur-fast) var(--ql-ease-in-out), color var(--ql-dur-fast) var(--ql-ease-in-out);background:0 0;align-items:center;gap:.375rem;padding:0;font-size:.8125rem;font-weight:600;display:inline-flex}.onboarding-form__url-slug:hover{border-bottom-color:var(--ql-accent);color:var(--ql-accent-hover)}.onboarding-form__url-edit-icon{opacity:.5;font-size:.625rem}.onboarding-form__url-input{color:var(--color-ink);background:var(--color-surface,#fff);border:1px solid var(--ql-border-subtle);width:100%;max-width:12rem;transition:border-color var(--ql-dur-fast) var(--ql-ease-in-out);border-radius:4px;outline:none;padding:.125rem .375rem;font-size:.8125rem;font-weight:600}.onboarding-form__url-input:focus-visible{border-color:var(--ql-accent);outline:2px solid var(--ql-focus-ring);outline-offset:2px}.live-preview{width:100%;max-width:26rem;padding:2rem}.live-preview__browser{border-radius:var(--ql-r-lg);background-color:var(--ql-bg-base);border:1px solid var(--ql-border-subtle);box-shadow:var(--ql-shadow-card-hover);transition:transform var(--ql-dur-fast) var(--ql-ease-out), box-shadow var(--ql-dur-fast) var(--ql-ease-out);overflow:hidden}.live-preview__browser:hover{transform:translateY(-2px);box-shadow:0 4px 10px #2c282512,0 16px 32px #2c282514}.live-preview__chrome{background-color:#ddd8d1d9;align-items:center;gap:.75rem;padding:.625rem .875rem;display:flex}.live-preview__dots{gap:.375rem;display:flex}.live-preview__dot{background-color:#8a837a59;border-radius:50%;width:.5rem;height:.5rem}.live-preview__url-bar{color:var(--color-graphite);background-color:var(--ql-surface-card);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;flex:1;padding:.25rem .625rem;font-size:.625rem;overflow:hidden}@media (prefers-reduced-motion:reduce){.onboarding-form__stage-card,.onboarding-form__url-preview,.onboarding-form__url-slug,.onboarding-form__url-input,.live-preview__browser,.onboarding-form__progress-dot{transition-duration:.01ms}.onboarding-form__stage-card:hover,.live-preview__browser:hover{transform:none}.onboarding-form__fields[data-direction]{animation:none}}.live-preview__site-frame{transform-origin:0 0;pointer-events:none;width:200%;margin-bottom:-50%;overflow:hidden;transform:scale(.5)}.live-preview__mock-sections{opacity:.5;background:var(--theme-bg,var(--color-paper,#fffdf8));flex-direction:column;align-items:center;gap:1.5rem;padding:1.5rem 2rem 2.5rem;display:flex}.live-preview__mock-countdown{text-align:center}.live-preview__mock-countdown-label{font-family:var(--theme-heading-font,var(--font-heading));color:var(--theme-muted,var(--color-graphite));margin-bottom:.75rem;font-size:1rem}.live-preview__mock-countdown-boxes{justify-content:center;gap:.75rem;display:flex}.live-preview__mock-box{background:var(--theme-accent-subtle,#0000000d);border:1px solid var(--theme-border,#ddd8d1);border-radius:8px;width:3.5rem;height:3.5rem}.live-preview__mock-rsvp{text-align:center}.live-preview__mock-rsvp-btn{color:#fff;border-radius:10px;padding:.75rem 2.5rem;font-size:.9375rem;font-weight:500;transition:opacity .3s;display:inline-block}.onboarding-form__progress-dot--signup{opacity:.7}.onboarding-form__oauth-buttons{flex-direction:column;gap:.75rem;display:flex}.onboarding-form__divider{align-items:center;gap:.75rem;margin:1.25rem 0;display:flex}.onboarding-form__divider-line{background-color:var(--ql-border-subtle,#e5e5e5);flex:1;height:1px}.onboarding-form__divider-text{text-transform:uppercase;letter-spacing:.08em;color:var(--color-graphite);font-size:.75rem;font-weight:500}.onboarding-form__email-signup{flex-direction:column;gap:.875rem;display:flex}.onboarding-form__legal{text-align:center;color:var(--color-graphite);margin-top:1rem;font-size:.75rem}.onboarding-form__login-link{text-align:center;color:var(--color-graphite);margin-top:.75rem;font-size:.875rem}.onboarding-form__confirmation{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:1rem 0;display:flex}.onboarding-form__confirmation-icon{background:#b59b641a;border-radius:50%;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;font-size:1.5rem;display:flex}.onboarding-form__confirmation-text{color:var(--color-graphite);font-size:.9375rem;line-height:1.5}
/*# sourceMappingURL=0p58vltd0hmqf.css.map*/