.registration-page{max-width:680px;margin:0 auto;padding-block:40px 80px;padding-inline:var(--page-margin);width:100%}@media screen and (max-width:749px){.registration-page{padding-block:24px 100px}}.reg-hero{text-align:center;margin-block-end:40px}.reg-hero__badge{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:100px;background:#c3cca626;color:var(--color-foreground);font-family:var(--font-body--family);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-block-end:16px}.reg-hero__badge svg{width:14px;height:14px}.reg-hero__title{font-family:var(--font-heading--family);font-size:clamp(28px,5vw,40px);font-weight:400;line-height:1.15;color:var(--color-foreground-heading);margin:0 0 12px;letter-spacing:-.01em}.reg-hero__desc{font-family:var(--font-body--family);font-size:15px;color:var(--color-foreground);opacity:.6;margin:0;line-height:1.5;max-width:440px;margin-inline:auto}.reg-progress{margin-block-end:32px}.reg-progress__info{display:flex;justify-content:space-between;align-items:center;margin-block-end:12px}.reg-progress__counter{font-family:var(--font-body--family);font-size:13px;font-weight:600;color:var(--color-foreground);letter-spacing:.02em}.reg-progress__title{font-family:var(--font-heading--family);font-size:13px;font-weight:400;font-style:italic;color:var(--color-foreground);opacity:.5}.reg-progress__bar{width:100%;height:4px;background:var(--color-border);border-radius:100px;overflow:hidden}.reg-progress__bar-fill{width:0%;height:100%;background:#c3cca6;border-radius:100px;transition:width .5s cubic-bezier(.4,0,.2,1)}.reg-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:16px;padding:48px 40px 40px;position:relative;box-shadow:0 1px 3px #0000000a,0 8px 24px #00000008}@media screen and (max-width:749px){.reg-card{padding:32px 20px 24px;border-radius:12px}}.reg-step{display:none}.reg-step--active{display:block;animation:regFadeIn .35s ease-out}@keyframes regFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.reg-step__header{margin-block-end:32px;padding-block-end:24px;border-bottom:1px solid var(--color-border)}.reg-step__icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:#c3cca626;color:var(--color-foreground);margin-block-end:16px}.reg-step__icon svg{width:20px;height:20px}.reg-step__title{font-family:var(--font-heading--family);font-size:clamp(22px,4vw,28px);font-weight:400;color:var(--color-foreground-heading);margin:0 0 8px;line-height:1.2;letter-spacing:-.01em}.reg-step__subtitle{font-family:var(--font-body--family);font-size:14px;color:var(--color-foreground);opacity:.55;margin:0;line-height:1.55}.reg-step__body{display:flex;flex-direction:column;gap:28px}.reg-divider{height:1px;background:var(--color-border);margin-block:4px}.registration-page .form-field{display:flex;flex-direction:column;gap:8px}.registration-page .form-label{font-family:var(--font-body--family);font-size:14px;font-weight:500;color:var(--color-foreground);line-height:1.4}.registration-page .form-input{font-family:var(--font-body--family);font-size:14px;padding:12px 16px;background:var(--color-input-background);color:var(--color-input-text);border:1px solid var(--color-border);border-radius:10px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;width:100%;box-sizing:border-box}.registration-page .form-input::placeholder{color:var(--color-foreground);opacity:.35}.registration-page .form-input:hover{border-color:#0003;background:var(--color-input-hover-background)}.registration-page .form-input:focus{border-color:#c3cca6;box-shadow:0 0 0 3px #c3cca640}.reg-required{color:#c3cca6;font-weight:600}.reg-hint{font-size:12px;color:var(--color-foreground);opacity:.45;margin:0;line-height:1.5;padding-left:2px}.reg-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media screen and (max-width:480px){.reg-field-row{grid-template-columns:1fr}}.reg-textarea{resize:vertical;min-height:88px;font-family:var(--font-body--family);line-height:1.55}.reg-dob__selects{display:grid;grid-template-columns:.8fr 1.4fr .8fr;gap:12px}.reg-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px!important;cursor:pointer}.reg-cards{display:grid;gap:10px}.reg-cards--2{grid-template-columns:repeat(2,1fr)}.reg-cards--3{grid-template-columns:repeat(3,1fr)}@media screen and (max-width:480px){.reg-cards--3{grid-template-columns:repeat(2,1fr)}}.reg-option-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:20px 12px;border:1px solid var(--color-border);border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative;background:var(--color-background)}.reg-option-card:hover{border-color:#0003;background:#fafafa;transform:translateY(-1px);box-shadow:0 2px 8px #0000000a}.reg-option-card input[type=radio]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.reg-option-card:has(input:checked){border-color:#000;background:#fafaf7;box-shadow:0 0 0 1px #000}.reg-option-card__icon{color:var(--color-foreground);opacity:.6;display:flex;align-items:center;justify-content:center}.reg-option-card__icon--lg{font-size:1.75rem;line-height:1}.reg-option-card:has(input:checked) .reg-option-card__icon{opacity:1}.reg-option-card__label{font-family:var(--font-body--family);font-size:13px;font-weight:600;color:var(--color-foreground);letter-spacing:.01em}.reg-option-card__desc{font-family:var(--font-body--family);font-size:11px;color:var(--color-foreground);opacity:.5;line-height:1.4}.reg-option-card--full{grid-column:1 / -1}.reg-swatch{width:56px;height:56px;border-radius:50%;border:3px solid transparent;box-shadow:inset 0 0 0 1px #00000014;flex-shrink:0;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.reg-option-card:hover .reg-swatch{transform:scale(1.05)}.reg-option-card:has(input:checked) .reg-swatch{border-color:#000;transform:scale(1.1);box-shadow:0 4px 12px #00000026}.reg-option-card--swatch{padding:16px 10px 14px;gap:8px}.reg-radio-list{display:flex;flex-direction:column;gap:6px}.reg-radio-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--color-border);border-radius:10px;cursor:pointer;transition:all .2s ease;background:var(--color-background)}.reg-radio-row:hover{border-color:#0003;background:#fafafa}.reg-radio-row input[type=radio]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.reg-radio-row__dot{width:18px;height:18px;border-radius:50%;border:2px solid var(--color-border);flex-shrink:0;position:relative;transition:all .2s ease}.reg-radio-row__dot:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:#000;transform:scale(0);transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.reg-radio-row:has(input:checked){border-color:#000;background:#fafaf7}.reg-radio-row:has(input:checked) .reg-radio-row__dot{border-color:#000}.reg-radio-row:has(input:checked) .reg-radio-row__dot:after{transform:scale(1)}.reg-radio-row__text{font-family:var(--font-body--family);font-size:14px;color:var(--color-foreground);line-height:1.4}.reg-radio-row:has(input:checked) .reg-radio-row__text{font-weight:500}.reg-check-list{display:flex;flex-direction:column;gap:6px}.reg-check-list--compact .reg-check-item{padding:10px 16px}.reg-check-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border:1px solid var(--color-border);border-radius:10px;cursor:pointer;transition:all .2s ease;background:var(--color-background)}.reg-check-item:hover{border-color:#0003;background:#fafafa}.reg-check-item input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.reg-check-item__box{width:18px;height:18px;border-radius:5px;border:2px solid var(--color-border);flex-shrink:0;position:relative;transition:all .2s ease;margin-top:1px}.reg-check-item__box:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.reg-check-item:has(input:checked){border-color:#000;background:#fafaf7}.reg-check-item:has(input:checked) .reg-check-item__box{background:#000;border-color:#000}.reg-check-item:has(input:checked) .reg-check-item__box:after{transform:rotate(45deg) scale(1)}.reg-check-item__text{font-family:var(--font-body--family);font-size:14px;color:var(--color-foreground);line-height:1.4}.reg-check-item:has(input:checked) .reg-check-item__text{font-weight:500}.reg-consent-list{display:flex;flex-direction:column;gap:10px}.reg-consent-item{display:flex;align-items:flex-start;gap:14px;padding:16px 20px;border:1px solid var(--color-border);border-radius:12px;cursor:pointer;transition:all .2s ease;background:var(--color-background)}.reg-consent-item:hover{border-color:#0003;background:#fafafa}.reg-consent-item input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.reg-consent-item__box{width:22px;height:22px;border-radius:6px;border:2px solid var(--color-border);flex-shrink:0;position:relative;transition:all .2s ease;margin-top:1px}.reg-consent-item__box:after{content:"";position:absolute;left:6px;top:2px;width:6px;height:10px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) scale(0);transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.reg-consent-item:has(input:checked){border-color:#c3cca6;background:#c3cca60f}.reg-consent-item:has(input:checked) .reg-consent-item__box{background:#c3cca6;border-color:#c3cca6}.reg-consent-item:has(input:checked) .reg-consent-item__box:after{transform:rotate(45deg) scale(1)}.reg-consent-item__text{font-family:var(--font-body--family);font-size:14px;color:var(--color-foreground);line-height:1.55}.reg-nav{display:flex;justify-content:space-between;align-items:center;margin-block-start:32px;padding-block-start:24px;border-top:1px solid var(--color-border)}.reg-nav__back{display:inline-flex;align-items:center;gap:8px;background:none;border:1px solid var(--color-border);border-radius:10px;cursor:pointer;font-family:var(--font-body--family);font-size:14px;font-weight:500;color:var(--color-foreground);padding:10px 20px;transition:all .2s ease}.reg-nav__back:hover{border-color:#000;background:#fafafa}.reg-nav__back[hidden]{display:none}.reg-nav__next{margin-inline-start:auto;display:inline-flex;align-items:center;gap:8px;padding:12px 28px;font-size:14px;font-weight:600;border-radius:10px;letter-spacing:.01em;transition:all .2s ease}.reg-nav__next:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.reg-nav__next:disabled{opacity:.5;pointer-events:none;transform:none;box-shadow:none}@media screen and (max-width:749px){.reg-nav{position:fixed;bottom:0;left:0;right:0;width:100%;margin:0;padding:16px 20px;background:var(--color-background, #ffffff);border-top:1px solid var(--color-border, #e5e5e5);box-shadow:0 -4px 16px #0000000f;z-index:999;border-radius:0}}.reg-step--success .reg-success{text-align:center;padding:48px 0}.reg-success__icon{width:72px;height:72px;border-radius:50%;background:#c3cca626;display:inline-flex;align-items:center;justify-content:center;margin-block-end:24px;color:#6b7a3a}.reg-success__icon svg{width:36px;height:36px}.reg-success__title{font-family:var(--font-heading--family);font-size:clamp(24px,4vw,32px);font-weight:400;color:var(--color-foreground-heading);margin:0 0 12px}.reg-success__body{font-family:var(--font-body--family);font-size:15px;color:var(--color-foreground);opacity:.6;margin:0 0 32px;line-height:1.6;max-width:400px;margin-inline:auto}.reg-success__cta{display:inline-flex;text-decoration:none;font-weight:600;padding:14px 36px;border-radius:10px}.reg-success__icon svg circle{animation:regDrawCircle .5s ease-out .1s both;stroke-dasharray:66;stroke-dashoffset:66}.reg-success__icon svg path{animation:regDrawCheck .3s ease-out .5s both;stroke-dasharray:20;stroke-dashoffset:20}@keyframes regDrawCircle{to{stroke-dashoffset:0}}@keyframes regDrawCheck{to{stroke-dashoffset:0}}.form-field.has-error .form-input,.form-field.has-error .reg-select{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.form-field.has-error .form-input:focus{box-shadow:0 0 0 3px #e53e3e26}.has-error .reg-check-list,.has-error .reg-radio-list,.has-error .reg-cards,.has-error .reg-consent-list{outline:2px solid rgba(229,62,62,.5);outline-offset:6px;border-radius:12px}.form-field__error{font-size:12px;color:#e53e3e;margin:2px 0 0;display:none;font-weight:500;padding-left:2px}.form-field.has-error .form-field__error,.has-error .form-field__error{display:block}.registration-page.is-complete .reg-progress,.registration-page.is-complete .reg-nav,.registration-page.is-complete .reg-hero{display:none}@media screen and (max-width:749px){.registration-page{scroll-margin-top:20px}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/component-registration.css.map */