.acds-demo-form{--demo-accent:var(--gold-40);--demo-accent-fg:var(--gold-fg);--demo-accent-strong:var(--gold-50);--form-bg:var(--new-moon-90);--form-border:var(--new-moon-80);--input-bg:var(--new-moon-95);--tab-bg:var(--new-moon-85);width:100%;max-width:540px;font-family:var(--theme-font-family-body)}.acds-demo-form__stepper{align-items:flex-end;gap:4px;display:flex}.acds-demo-form__tab{background:var(--tab-bg);border:1px solid var(--form-border);cursor:pointer;text-align:left;border-bottom:none;border-radius:8px 8px 0 0;flex-direction:column;flex:1;align-items:flex-start;gap:3px;padding:10px 14px 9px;transition:background .18s,margin-top .18s,margin-bottom .18s;display:flex}.acds-demo-form__tab:disabled{cursor:default;opacity:.7}.acds-demo-form__tab--inactive{background:var(--new-moon-99);margin-top:7px}.acds-demo-form__tab--active{background:var(--form-bg);z-index:3;margin-bottom:-1px;position:relative}.acds-demo-form__tab--done{cursor:pointer;background:var(--new-moon-99);border-color:var(--new-moon-80);margin-top:3px}.acds-demo-form__tab:focus-visible{outline:2px solid var(--demo-accent);outline-offset:2px}.acds-demo-form__tab-step{font-family:var(--theme-font-family-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--new-moon-50);font-size:10px;font-weight:700;line-height:1;transition:color .18s}.acds-demo-form__tab--active .acds-demo-form__tab-step{color:var(--demo-accent)}.acds-demo-form__tab--done .acds-demo-form__tab-step{color:color-mix(in srgb, var(--demo-accent) 60%, var(--new-moon-50))}.acds-demo-form__tab-label{font-family:var(--theme-font-family-body);color:var(--new-moon-60);font-size:14.5px;font-weight:700;line-height:1.2;transition:color .18s}.acds-demo-form__tab--active .acds-demo-form__tab-label{color:var(--white)}.acds-demo-form__body{background:var(--form-bg);border:1px solid var(--form-border);box-shadow:0 4px 12px color-mix(in srgb, var(--new-moon-90) 6%, transparent), 0 1px 3px color-mix(in srgb, var(--new-moon-90) 4%, transparent);z-index:2;border-radius:0 0 10px 10px;justify-content:center;align-items:start;transition:height .35s cubic-bezier(.4,0,.2,1);display:grid;position:relative;overflow:hidden}.acds-demo-form__panel{padding:40px 28px 60px}.acds-demo-form__panel[hidden]{display:none}.acds-demo-form__title{font-family:var(--theme-font-family-heading);letter-spacing:.01em;text-transform:uppercase;color:var(--white);margin:0 0 8px;font-size:34px;font-weight:400;line-height:1.05}.acds-demo-form__subtitle{font-family:var(--theme-font-family-body);color:var(--new-moon-40);margin:0 0 22px;font-size:14.5px;line-height:1.5}.acds-demo-form__form{flex-direction:column;gap:16px;display:flex}.acds-demo-form__grid{grid-template-columns:1fr 1fr;gap:12px 16px;display:grid}.acds-demo-form__field{flex-direction:column;gap:5px;display:flex}.acds-demo-form__field--full{grid-column:1/-1}.acds-demo-form__label{font-family:var(--theme-font-family-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--new-moon-30);margin:0 0 11px;font-size:11px;font-weight:600}.acds-demo-form__label--hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.acds-demo-form__input{font-family:var(--theme-font-family-body);color:var(--white);background:var(--input-bg);border:1.5px solid var(--form-border);box-sizing:border-box;appearance:none;border-radius:6px;width:100%;padding:10px 12px;font-size:15px;line-height:1.4;transition:border-color .14s,box-shadow .14s}.acds-demo-form__input::placeholder{color:var(--new-moon-50)}.acds-demo-form__input:focus,.acds-demo-form__input:focus-visible{border-color:var(--demo-accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--demo-accent) 16%, transparent);outline:none}.acds-demo-form__input--error{border-color:var(--red-50)}.acds-demo-form__input--error:focus,.acds-demo-form__input--error:focus-visible{border-color:var(--red-50);box-shadow:0 0 0 4px color-mix(in srgb, var(--red-50) 16%, transparent)}.acds-demo-form__select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2375727a' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:34px}select.acds-demo-form__input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='%23969194' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C%2Fsvg%3E")}.acds-demo-form__textarea{resize:vertical;min-height:80px}.acds-demo-form__error{font-family:var(--theme-font-family-body);color:var(--red-50);margin:0;font-size:12px;line-height:1.4}.acds-demo-form__btn{font-family:var(--theme-font-family-body);cursor:pointer;white-space:nowrap;border:1.5px solid #0000;border-radius:5px;padding:11px 20px;font-size:15px;font-weight:700;line-height:1.3;transition:background .14s,border-color .14s,color .14s}.acds-demo-form__btn:focus-visible{outline:2px solid var(--demo-accent);outline-offset:2px}.acds-demo-form__btn--primary{background:var(--demo-accent);color:var(--demo-accent-fg);border-color:var(--demo-accent)}.acds-demo-form__btn--primary:hover{background:var(--demo-accent-strong);border-color:var(--demo-accent-strong)}.acds-demo-form__btn--ghost{color:var(--new-moon-70);border-color:var(--form-border);background:0 0}.acds-demo-form__btn--ghost:hover{border-color:var(--new-moon-50);color:var(--white)}.acds-demo-form__btn--full{text-align:center;width:100%}.acds-demo-form__btn--flex{text-align:center;flex:1}.acds-demo-form__actions{align-items:center;gap:10px;display:flex}.acds-demo-form__actions--stacked{flex-direction:column;gap:4px}.acds-demo-form__btn--back-link{color:var(--new-moon-50);text-align:center;background:0 0;border-color:#0000;width:100%;padding:4px;font-size:13px;font-weight:500}.acds-demo-form__btn--back-link:hover{color:var(--new-moon-30);background:0 0;border-color:#0000}.acds-demo-form__privacy{font-family:var(--theme-font-family-body);color:var(--new-moon-50);text-align:center;max-width:400px;margin:0;font-size:8px;line-height:1.55}.acds-demo-form__privacy-link{color:var(--new-moon-60);text-underline-offset:2px;text-decoration:underline}.acds-demo-form__privacy-link:hover{color:var(--demo-accent)}.acds-demo-form__fieldset{border:none;flex-direction:column;gap:10px;margin:0;padding:0;display:flex}.acds-demo-form__chips{flex-wrap:wrap;gap:10px;display:flex}.acds-demo-form__chip{font-family:var(--theme-font-family-body);color:var(--new-moon-20);border:1.5px solid var(--new-moon-20);cursor:pointer;transition:border-color .14s var(--ease-standard), background .14s, color .14s;background:#fff;background:var(--new-moon-95);border-color:var(--new-moon-80);border-radius:5px;padding:9px 13px;font-size:13.5px;font-weight:600;line-height:1.2}.acds-demo-form__chip:hover{border-color:var(--gold-40)}.acds-demo-form__chip:focus-visible{outline:2px solid var(--demo-accent);outline-offset:2px}.acds-demo-form__chip--selected{background:var(--new-moon-80);border-color:var(--demo-accent);color:var(--white);border-width:2px}.acds-demo-form__chip--selected:hover{background:var(--new-moon-75,var(--new-moon-80));border-color:var(--demo-accent-strong)}.acds-demo-form__chip--day{flex:1;gap:6px;min-width:72px;padding:16px 8px}.acds-demo-form__chip-day{font-family:var(--theme-font-family-mono);opacity:.7;letter-spacing:.04em;text-transform:uppercase;color:var(--new-moon-40);flex-direction:column;align-items:center;gap:2px;font-size:11px;font-weight:700;line-height:1;display:flex}.acds-demo-form__chip--selected .acds-demo-form__chip-day{color:var(--new-moon-20)}.acds-demo-form__chip-date{font-family:var(--theme-font-family-body);color:var(--white);font-size:14px;font-weight:700;line-height:1.1}.acds-demo-form__success{background:var(--form-bg);border:1px solid var(--form-border);box-shadow:0 4px 12px color-mix(in srgb, var(--new-moon-90) 6%, transparent), 0 1px 3px color-mix(in srgb, var(--new-moon-90) 4%, transparent);border-radius:10px;flex-direction:column;align-items:flex-start;gap:16px;padding:36px 32px;display:flex}.acds-demo-form__success-badge{background:var(--demo-accent);width:52px;height:52px;color:var(--demo-accent-fg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.acds-demo-form__success-heading{font-family:var(--theme-font-family-heading);letter-spacing:.01em;text-transform:uppercase;color:var(--white);margin:0;font-size:34px;font-weight:400;line-height:1.05}.acds-demo-form__success-body{color:var(--new-moon-60);max-width:375px;margin:0 0 24px;font-size:15px;line-height:1.55}.acds-demo-form__success-mono{font-family:var(--theme-font-family-mono);color:var(--white);font-size:13px;font-weight:600}.acds-demo-form__success-links{flex-wrap:wrap;gap:20px;display:flex}.acds-demo-form__success-link{font-family:var(--theme-font-family-body);color:var(--demo-accent);text-underline-offset:2px;font-size:14.5px;font-weight:600;text-decoration:none}.acds-demo-form__success-link:hover{color:var(--demo-accent-strong);text-decoration:underline}.acds-demo-form__tab-label{justify-content:center;align-items:center;gap:6px;display:flex}.acds-demo-form__tab-number{background:var(--blue-30);color:#000;text-align:center;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;font-size:10px;font-weight:600;line-height:1;display:inline-grid}@media screen and (width<=480px){.acds-demo-form__panel{padding:20px 18px 18px}.acds-demo-form__grid{grid-template-columns:1fr}.acds-demo-form__title{font-size:28px}.acds-demo-form__chips{gap:6px}.acds-demo-form__chip--day{flex-direction:column;align-items:center;gap:2px;min-width:56px;display:flex}.acds-demo-form__chip-date{font-size:15px}.acds-demo-form__chip--time{min-width:100px;padding:14px 16px;font-size:14px}.acds-demo-form__success{padding:24px 20px}.acds-demo-form__success-heading{font-size:28px}}.acds-demo-form--light{--demo-accent:var(--purple-60);--demo-accent-fg:var(--white);--demo-accent-strong:var(--purple-70);--form-bg:var(--new-moon-05);--form-border:var(--new-moon-20);--input-bg:#fff;--tab-bg:transparent;background:var(--form-bg);border:1px solid var(--form-border);border-radius:8px;overflow:hidden}.acds-demo-form--light .acds-demo-form__stepper{border-bottom:1px solid var(--form-border);align-items:stretch;gap:0}.acds-demo-form--light .acds-demo-form__tab{font-family:var(--theme-font-family-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--new-moon-40);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;flex-direction:row;align-items:center;gap:8px;margin:0;padding:16px 20px;font-size:12px;transition:color .18s,border-color .18s}.acds-demo-form--light .acds-demo-form__tab--inactive{color:var(--new-moon-40);background:0 0;margin-top:0}.acds-demo-form--light .acds-demo-form__tab--active{border-bottom:2px solid var(--demo-accent);color:var(--new-moon-90);z-index:1;background:0 0;margin-bottom:0}.acds-demo-form--light .acds-demo-form__tab--done{color:var(--new-moon-60);background:0 0;border-color:#0000;margin-top:0}.acds-demo-form--light .acds-demo-form__tab-number{background:var(--new-moon-30);width:20px;height:20px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;transition:background .18s;display:inline-flex}.acds-demo-form--light .acds-demo-form__tab--active .acds-demo-form__tab-number,.acds-demo-form--light .acds-demo-form__tab--done .acds-demo-form__tab-number{background:var(--demo-accent)}.acds-demo-form--light .acds-demo-form__tab-label{color:inherit;font-family:var(--theme-font-family-mono);letter-spacing:.06em;justify-content:flex-start;font-size:12px;font-weight:700}.acds-demo-form--light .acds-demo-form__body{box-shadow:none;background:0 0;border:none;border-radius:0}.acds-demo-form--light .acds-demo-form__panel{padding:32px}.acds-demo-form--light .acds-demo-form__label{color:var(--new-moon-60)}.acds-demo-form--light .acds-demo-form__label--hidden{clip:auto;white-space:normal;border:0;width:auto;height:auto;margin:0 0 8px;padding:0;position:static;overflow:visible}.acds-demo-form--light .acds-demo-form__input{background:var(--input-bg);border:1px solid var(--new-moon-30);color:var(--new-moon-95);border-radius:5px;height:48px}.acds-demo-form--light .acds-demo-form__input::placeholder{color:var(--new-moon-50)}.acds-demo-form--light .acds-demo-form__input:focus,.acds-demo-form--light .acds-demo-form__input:focus-visible{border-color:var(--demo-accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--demo-accent) 16%, transparent)}.acds-demo-form--light .acds-demo-form__btn--primary{border-radius:5px;padding:15px 20px;font-size:16px}.acds-demo-form--light .acds-demo-form__btn--ghost{color:var(--new-moon-60);border-color:var(--new-moon-30)}.acds-demo-form--light .acds-demo-form__btn--ghost:hover{color:var(--new-moon-90);border-color:var(--new-moon-60)}.acds-demo-form--light .acds-demo-form__btn--back-link{color:var(--new-moon-50)}.acds-demo-form--light .acds-demo-form__btn--back-link:hover{color:var(--new-moon-70)}.acds-demo-form--light .acds-demo-form__title{color:var(--new-moon-90)}.acds-demo-form--light .acds-demo-form__subtitle{color:var(--new-moon-60)}.acds-demo-form--light .acds-demo-form__privacy{color:var(--new-moon-60);text-align:left;font-size:11px}.acds-demo-form--light .acds-demo-form__privacy-link{color:var(--purple-60)}.acds-demo-form--light .acds-demo-form__privacy-link:hover{color:var(--purple-70)}.acds-demo-form--light .acds-demo-form__success{background:var(--form-bg);border-color:var(--form-border)}.acds-demo-form--light .acds-demo-form__success-heading{color:var(--new-moon-90)}.acds-demo-form--light .acds-demo-form__success-mono{color:var(--new-moon-70)}.acds-demo-form--light .acds-demo-form__chip{background:var(--white);border-color:var(--new-moon-20);color:var(--new-moon-80)}.acds-demo-form--light .acds-demo-form__chip:hover{border-color:var(--demo-accent)}.acds-demo-form--light .acds-demo-form__chip--selected{background:color-mix(in srgb, var(--demo-accent) 10%, #fff);border-color:var(--demo-accent);color:var(--new-moon-90)}@media (prefers-reduced-motion:reduce){.acds-demo-form__tab,.acds-demo-form__input,.acds-demo-form__btn,.acds-demo-form__chip{transition:none}}
