.track-page-container{min-height:calc(100vh - 10rem);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 1.5rem;position:relative;overflow:hidden}.track-bg-shape-1{position:absolute;top:5rem;right:5rem;width:35rem;height:35rem;background:radial-gradient(circle,var(--secondary-fixed),transparent 70%);border-radius:var(--radius-full);filter:blur(8rem);z-index:-10;opacity:.15}.track-bg-shape-2{position:absolute;bottom:-10rem;left:-10rem;width:40rem;height:40rem;background:radial-gradient(circle,var(--tertiary-fixed),transparent 70%);border-radius:var(--radius-full);filter:blur(10rem);z-index:-10;opacity:.12}.track-content{width:100%;max-width:48rem;text-align:center;display:flex;flex-direction:column;gap:4rem;position:relative;z-index:10}.track-header{display:flex;flex-direction:column;gap:1.25rem}.track-label{font-family:var(--font-body);font-size:.75rem;font-weight:700;color:var(--secondary);text-transform:uppercase;letter-spacing:.15em;margin-bottom:-.5rem}.track-title{font-family:var(--font-headline);font-size:2.75rem;font-weight:800;color:var(--primary);line-height:1.1;margin:0;letter-spacing:-.03em}@media(min-width:768px){.track-title{font-size:4rem}}.track-desc{font-family:var(--font-body);font-size:1rem;color:var(--on-surface-variant);line-height:1.7;max-width:32rem;margin:0 auto}.track-card{background:var(--surface-container-low);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:2.5rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-ambient);border:1.5px solid var(--surface-variant);text-align:left;display:flex;flex-direction:column;gap:2.5rem}@media(min-width:768px){.track-card{padding:4rem}}.track-form{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.track-form{grid-template-columns:1fr 1fr}}.track-form-message{grid-column:1 / -1;border-radius:var(--radius-lg);padding:1.25rem 1.75rem;font-family:var(--font-body);font-size:.9375rem;font-weight:500;line-height:1.6}.track-input-group{display:flex;flex-direction:column;gap:.75rem}.track-input-group--full{grid-column:1 / -1}.track-input-label{font-family:var(--font-body);font-size:.75rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.08em;padding-left:.25rem}.track-input{width:100%;background:var(--surface-container-lowest);border:1.5px solid var(--outline-variant);border-radius:var(--radius-lg);padding:.875rem 1.25rem;font-family:var(--font-body);font-size:1rem;color:var(--on-surface);outline:none;transition:all .3s cubic-bezier(.16,1,.3,1)}.track-textarea{min-height:8rem;resize:vertical}.track-input::placeholder{color:var(--outline);opacity:.6}.track-input:focus{border-color:var(--secondary);box-shadow:0 0 0 4px color-mix(in srgb,var(--secondary) 10%,transparent);background:var(--surface-container-lowest)}.track-actions{grid-column:1 / -1;margin-top:.5rem}.track-btn{width:100%;background:linear-gradient(135deg,var(--secondary),var(--primary));color:var(--on-secondary);font-family:var(--font-body);font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:.1em;padding:1.25rem 2.5rem;border:none;border-radius:var(--radius-xl);cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 16px #49548726}.track-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px #49548740;filter:brightness(1.1)}.track-btn:active{transform:translateY(0)}.track-help-section{padding-top:2.5rem;border-top:1.5px solid var(--surface-variant);display:flex;flex-direction:column;gap:2.5rem}@media(min-width:768px){.track-help-section{flex-direction:row}}.track-help-block{flex:1;display:flex;flex-direction:column;gap:.625rem}.track-help-title{font-family:var(--font-body);font-size:.8125rem;font-weight:800;color:var(--primary);text-transform:uppercase;letter-spacing:.1em;margin:0}.track-help-p{font-family:var(--font-body);font-size:.875rem;color:var(--on-surface-variant);line-height:1.6;margin:0}.track-help-link{color:var(--secondary);font-weight:700;text-decoration:underline;text-underline-offset:4px;transition:color .3s ease}.track-image-container{padding-top:2rem;position:relative;max-width:32rem;margin:0 auto}.track-editorial-img{width:100%;height:14rem;object-fit:cover;border-radius:var(--radius-xl);box-shadow:var(--shadow-ambient);position:relative;z-index:10}.track-stepper-wrapper{margin-top:1rem;display:none;padding:3rem 0;border-top:1.5px solid var(--surface-variant)}.track-stepper-wrapper.active{display:block;animation:trackFadeIn .6s cubic-bezier(.16,1,.3,1)}@keyframes trackFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.track-stepper{display:flex;justify-content:space-between;align-items:flex-start;position:relative;max-width:100%;margin:0 auto;padding:0 1rem}.track-stepper:before{content:"";position:absolute;top:1.5rem;left:15%;right:15%;height:2px;background:var(--surface-variant);z-index:1}.track-step{display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative;z-index:2;flex:1}.track-step-icon{width:3rem;height:3rem;border-radius:var(--radius-full);background:var(--surface-container-high);color:var(--on-surface-variant);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-family:var(--font-headline);box-shadow:0 0 0 4px var(--surface-container-low);transition:all .4s cubic-bezier(.16,1,.3,1);border:none}.track-step.completed .track-step-icon{background:var(--primary);color:var(--on-primary);box-shadow:0 0 0 4px var(--primary-container)}.track-step.active .track-step-icon{background:var(--surface-container-lowest);color:var(--secondary);box-shadow:0 0 0 4px var(--secondary-container);border:2px solid var(--secondary)}.track-step-label{font-family:var(--font-body);font-size:.75rem;font-weight:800;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.1em;text-align:center}.track-step.completed .track-step-label,.track-step.active .track-step-label{color:var(--primary)}.track-step-date{font-family:var(--font-body);font-size:.6875rem;color:var(--outline);font-weight:500;margin-top:-.5rem}.track-step-connector{position:absolute;top:1.5rem;left:-50%;width:100%;height:2px;background:var(--primary);z-index:1}.track-step:first-child .track-step-connector{display:none}.track-step:not(.completed):not(.active) .track-step-connector,.track-step.active .track-step-connector{background:transparent}.track-step.active .track-step-connector{background:linear-gradient(to right,var(--primary) 50%,transparent 50%)}
/*# sourceMappingURL=/cdn/shop/t/62/assets/track-order.css.map */