.track-hero{background:linear-gradient(135deg, var(--brand-forest) 0%, #2d4520 100%);padding:4rem 0 3.5rem}.track-form-section{z-index:10;margin-top:-2rem;padding-top:0;position:relative}.track-form{background:var(--neutral-white);border-radius:var(--radius-xl);max-width:520px;box-shadow:var(--shadow-2);margin:0 auto;overflow:hidden}.track-tabs{border-bottom:1px solid var(--neutral-200);display:flex}.track-tabs__tab{font-family:var(--font-body);color:var(--neutral-500);background:var(--neutral-50);cursor:pointer;transition:all var(--transition-fast);border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:.375rem;padding:.875rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex}.track-tabs__tab:hover{color:var(--neutral-700);background:var(--neutral-100)}.track-tabs__tab.active{color:var(--brand-green);background:var(--neutral-white);border-bottom-color:var(--brand-green)}.track-tabs__tab:focus-visible{outline:2px solid var(--brand-green);outline-offset:-2px}.track-tabs__tab i{font-size:1rem}.track-form__panel{padding:1.5rem}.track-form__panel[hidden]{display:none}.track-form__inner{flex-direction:column;gap:1.25rem;display:flex}.track-form__group{flex-direction:column;gap:.375rem;display:flex}.track-form__label{font-family:var(--font-body);color:var(--neutral-700);font-size:.875rem;font-weight:600}.track-form__input{width:100%;font-family:var(--font-body);color:var(--neutral-900);background:var(--neutral-white);border:1.5px solid var(--neutral-300);border-radius:var(--radius-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:.75rem 1rem;font-size:.9375rem}.track-form__input::placeholder{color:var(--neutral-400)}.track-form__input:focus{border-color:var(--brand-green);box-shadow:var(--shadow-focus);outline:none}.track-form__helper{font-family:var(--font-body);color:var(--neutral-400);font-size:.75rem;line-height:1.4}.track-form__group--error .track-form__input{background:#fef2f2;border-color:#c74040}.track-form__group--error .track-form__input:focus{box-shadow:0 0 0 3px #c740401f}.track-form__submit{margin-top:.25rem}.track-result{background:var(--neutral-white);border-radius:var(--radius-xl);max-width:520px;box-shadow:var(--shadow-2);margin:2rem auto 0;padding:1.5rem;animation:.4s ease-out trackResultFadeIn}.track-result[hidden]{display:none}@keyframes trackResultFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.track-result__header{border-bottom:1px solid var(--neutral-200);justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.track-result__order-id{font-family:var(--font-heading);color:var(--neutral-900);margin-bottom:.125rem;font-size:1.25rem;font-weight:700}.track-result__order-date{font-family:var(--font-body);color:var(--neutral-500);font-size:.8125rem}.track-result__carrier-link{font-family:var(--font-body);color:var(--brand-green);white-space:nowrap;transition:color var(--transition-fast);align-items:center;gap:.25rem;font-size:.8125rem;font-weight:500;display:inline-flex}.track-result__carrier-link:hover{color:var(--brand-green-dark)}.track-result__carrier-link i{font-size:.875rem}.track-timeline{margin:0;padding:0;list-style:none;position:relative}.track-timeline__step{gap:1rem;padding-bottom:1.5rem;display:flex;position:relative}.track-timeline__step:last-child{padding-bottom:0}.track-timeline__step:before{content:"";background:var(--neutral-200);width:2px;position:absolute;top:24px;bottom:0;left:11px}.track-timeline__step:last-child:before{display:none}.track-timeline__step--complete:before{background:var(--success)}.track-timeline__step--current:before{background:var(--neutral-200)}.track-timeline__dot{z-index:1;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.track-timeline__step--complete .track-timeline__dot i{color:var(--success);font-size:1.375rem}.track-timeline__dot-pulse{background:var(--success);border-radius:50%;width:14px;height:14px;display:block;position:relative}.track-timeline__dot-pulse:after{content:"";border:2px solid var(--success);border-radius:50%;animation:2s ease-in-out infinite timelinePulse;position:absolute;inset:-4px}@keyframes timelinePulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:0;transform:scale(1.4)}}@media (prefers-reduced-motion:reduce){.track-timeline__dot-pulse:after{opacity:.3;animation:none}}.track-timeline__dot-empty{border:2px solid var(--neutral-300);background:var(--neutral-white);border-radius:50%;width:14px;height:14px;display:block}.track-timeline__content{flex:1;padding-top:.125rem}.track-timeline__title{font-family:var(--font-body);color:var(--neutral-900);font-size:.9375rem;font-weight:600;line-height:1.3}.track-timeline__date{font-family:var(--font-body);color:var(--neutral-500);margin-top:.125rem;font-size:.75rem}.track-timeline__desc{font-family:var(--font-body);color:var(--neutral-500);margin-top:.25rem;font-size:.8125rem;line-height:1.5}.track-timeline__step--current .track-timeline__title{color:var(--brand-green);font-weight:700}.track-timeline__step--pending .track-timeline__title{color:var(--neutral-400);font-weight:500}.track-timeline__step--pending .track-timeline__date{color:var(--neutral-300)}.track-info-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.track-info-card{background:var(--neutral-white);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-1);transition:box-shadow var(--transition-base), transform var(--transition-base);padding:1.5rem}.track-info-card:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.track-info-card__icon{background:var(--brand-green-10);border-radius:var(--radius-full);justify-content:center;align-items:center;width:3rem;height:3rem;margin-bottom:1rem;display:inline-flex}.track-info-card__icon i{color:var(--brand-green);font-size:1.375rem}.track-info-card__title{font-family:var(--font-heading);color:var(--neutral-900);margin-bottom:.5rem;font-size:1rem;font-weight:700}.track-info-card__text{font-family:var(--font-body);color:var(--neutral-500);font-size:.8125rem;line-height:1.5}.track-info-card__text+.track-info-card__text{margin-top:.25rem}.track-info-card__text--highlight{color:var(--brand-green);font-weight:600}.track-help-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.track-help-card{background:var(--neutral-white);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);text-align:center;transition:box-shadow var(--transition-base), border-color var(--transition-base);padding:1.5rem}.track-help-card:hover{border-color:var(--brand-green-20);box-shadow:var(--shadow-2)}.track-help-card__icon{background:var(--brand-cream);border-radius:var(--radius-full);justify-content:center;align-items:center;width:3rem;height:3rem;margin-bottom:1rem;display:inline-flex}.track-help-card__icon i{color:var(--brand-forest);font-size:1.375rem}.track-help-card__title{font-family:var(--font-heading);color:var(--neutral-900);margin-bottom:.5rem;font-size:1rem;font-weight:700}.track-help-card__text{font-family:var(--font-body);color:var(--neutral-500);margin-bottom:.75rem;font-size:.8125rem;line-height:1.5}.track-help-card__link{font-family:var(--font-body);color:var(--brand-green);transition:color var(--transition-fast);align-items:center;gap:.25rem;font-size:.8125rem;font-weight:600;display:inline-flex}.track-help-card__link:hover{color:var(--brand-green-dark)}.track-help-card__link i{transition:transform var(--transition-fast);font-size:.875rem}.track-help-card__link:hover i{transform:translate(2px)}@media (max-width:768px){.track-hero{padding:3rem 0 2.5rem}.track-form-section{margin-top:-1.5rem}.track-form,.track-result{max-width:100%}.track-info-grid,.track-help-grid{grid-template-columns:1fr;gap:1rem}.track-result__header{flex-direction:column;gap:.5rem}}@media (max-width:480px){.track-form__panel,.track-result{padding:1.25rem}.track-tabs__tab{padding:.75rem;font-size:.8125rem}}