.track-hero{color:#faf7f2;text-align:center;background-color:#202b1b;padding:160px 5% 60px}@media (width<=900px){.track-hero{padding:120px 5% 40px}}.track-hero .track-hero-content{max-width:600px;margin:0 auto}.track-hero .track-hero-content h1{color:#faf7f2;margin-bottom:20px;font-size:3rem}@media (width<=576px){.track-hero .track-hero-content h1{font-size:2.2rem}}.track-hero .track-hero-content p{color:#faf7f2cc;font-size:1.1rem;line-height:1.6}.track-section{background-color:#faf7f2;padding:80px 5%}.track-section .track-container{max-width:800px;margin:0 auto}.track-section .track-container .track-form-box{background:#fff;border:1px solid #00000008;border-radius:20px;margin-bottom:40px;padding:40px;box-shadow:0 20px 50px #0000000d}.track-section .track-container .track-form-box .track-form{flex-direction:column;gap:20px;display:flex}.track-section .track-container .track-form-box .track-form .form-group{flex-direction:column;display:flex}.track-section .track-container .track-form-box .track-form .form-group label{color:#665f54;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:.85rem;font-weight:600}.track-section .track-container .track-form-box .track-form .form-group input{background-color:#fff;border:1px solid #00000026;border-radius:8px;padding:16px 20px;font-family:Inter,sans-serif;font-size:1.05rem;transition:all .3s}.track-section .track-container .track-form-box .track-form .form-group input:focus{border-color:#c6a25f;outline:none;box-shadow:0 0 0 3px #c6a25f26}.track-section .track-container .track-form-box .track-form .track-btn{letter-spacing:1px;border-radius:8px;justify-content:center;align-items:center;gap:10px;margin-top:10px;padding:18px;font-size:1.1rem;font-weight:600;display:flex}.track-section .track-container .track-form-box .track-form .track-btn .loader{border:3px solid #faf7f24d;border-top-color:#faf7f2;border-radius:50%;width:20px;height:20px;animation:1s ease-in-out infinite spin}.track-section .track-container .track-form-box .track-form .track-btn .loader.hidden{display:none}.track-section .track-container .track-results{background:#fff;border:1px solid #00000008;border-radius:20px;padding:40px;box-shadow:0 20px 50px #0000000d}.track-section .track-container .track-results.hidden{display:none}.track-section .track-container .track-results .track-results-header{border-bottom:1px solid #00000014;justify-content:space-between;align-items:center;margin-bottom:40px;padding-bottom:20px;display:flex}@media (width<=576px){.track-section .track-container .track-results .track-results-header{flex-direction:column;align-items:flex-start;gap:15px}}.track-section .track-container .track-results .track-results-header h3{color:#1f1d19;margin-bottom:0;font-size:1.6rem}.track-section .track-container .track-results .track-results-header h3 span{color:#c6a25f}.track-section .track-container .track-results .track-results-header .status-badge{color:#202b1b;text-transform:uppercase;letter-spacing:1px;background-color:#202b1b0d;border-radius:30px;padding:8px 16px;font-size:.9rem;font-weight:600}.track-section .track-container .track-results .tracking-timeline{flex-direction:column;display:flex;position:relative}.track-section .track-container .track-results .tracking-timeline:before{content:"";background-color:#00000014;width:2px;position:absolute;top:30px;bottom:30px;left:24px}.track-section .track-container .track-results .tracking-timeline .timeline-step{z-index:1;gap:30px;margin-bottom:40px;display:flex;position:relative}.track-section .track-container .track-results .tracking-timeline .timeline-step:last-child{margin-bottom:0}.track-section .track-container .track-results .tracking-timeline .timeline-step .step-icon{color:#0000004d;background-color:#fff;border:2px solid #00000026;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex}.track-section .track-container .track-results .tracking-timeline .timeline-step .step-icon svg{width:22px;height:22px}.track-section .track-container .track-results .tracking-timeline .timeline-step .step-content{padding-top:10px}.track-section .track-container .track-results .tracking-timeline .timeline-step .step-content h4{color:#1f1d19;margin-bottom:5px;font-family:Inter,sans-serif;font-size:1.1rem}.track-section .track-container .track-results .tracking-timeline .timeline-step .step-content p{color:#665f54;margin-bottom:8px;font-size:.95rem;line-height:1.4}.track-section .track-container .track-results .tracking-timeline .timeline-step .step-content .step-date{color:#665f5499;font-size:.85rem;font-weight:500}.track-section .track-container .track-results .tracking-timeline .timeline-step.completed .step-icon{color:#fff;background-color:#202b1b;border-color:#202b1b}.track-section .track-container .track-results .tracking-timeline .timeline-step.active .step-icon{color:#c6a25f;background-color:#fff;border-color:#c6a25f;box-shadow:0 0 0 4px #c6a25f26}.track-section .track-container .track-results .tracking-timeline .timeline-step.active .step-content h4{color:#c6a25f}@keyframes spin{to{transform:rotate(360deg)}}
