.track-container{max-width:800px;min-height:80vh;margin:0 auto;padding:8rem 1rem}.track-header{text-align:center;marginBottom:3rem}.track-title{color:#111;letter-spacing:-.02em;margin-bottom:1rem;font-size:2.5rem;font-weight:800}.track-subtitle{color:#666;font-size:1.1rem}.track-form-container{margin-bottom:3rem;position:relative}.track-input{background:#fff;border:2px solid #eee;border-radius:16px;outline:none;width:100%;padding:1.25rem 4rem 1.25rem 1.5rem;font-size:1.1rem;transition:all .3s;box-shadow:0 4px 12px #00000008}.track-input:focus{border-color:#000;box-shadow:0 10px 20px #00000014}.track-submit-btn{color:#fff;cursor:pointer;background-color:#000;border:none;border-radius:12px;justify-content:center;align-items:center;padding:.75rem;transition:background-color .2s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.track-submit-btn:hover{background-color:#333}.track-error{color:#991b1b;text-align:center;background-color:#fef2f2;border:1px solid #fee2e2;border-radius:12px;padding:1rem}.track-summary-card{background-color:#fff;border:1px solid #f0f0f0;border-radius:24px;margin-bottom:2rem;padding:2rem;animation:.5s ease-out fadeIn;box-shadow:0 10px 30px #0000000a}.track-summary-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;display:grid}.track-label{text-transform:uppercase;color:#999;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:700;display:block}.track-value{color:#000;font-size:1.25rem;font-weight:700}.track-value-sub{color:#555;font-size:1.1rem;font-weight:600}.timeline-container{padding:0 1rem;animation:.5s ease-out .2s both fadeIn}.timeline-title{margin-bottom:2rem;font-size:1.25rem;font-weight:700}.timeline-list{padding-left:2.5rem;position:relative}.timeline-line{background-color:#eee;width:2px;position:absolute;top:10px;bottom:10px;left:7px}.timeline-item{margin-bottom:2rem;position:relative}.timeline-dot{z-index:2;background-color:#eee;border-radius:50%;width:16px;height:16px;position:absolute;top:0;left:-32px}.timeline-dot.active{background-color:#000;border:4px solid #e5e7eb}.timeline-content{flex-direction:column;display:flex}.timeline-header{justify-content:space-between;align-items:flex-start;display:flex}.timeline-status{color:#666;font-size:1rem;font-weight:700}.timeline-status.active{color:#000}.timeline-time{color:#999;font-size:.85rem;font-weight:500}.timeline-location{color:#888;margin:.25rem 0 0;font-size:.9rem}.timeline-instructions{color:#aaa;margin:.25rem 0 0;font-size:.85rem;font-style:italic}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){.track-title{font-size:2rem}.track-container{padding:2rem 1rem}.track-input{padding:1rem 3.5rem 1rem 1.25rem;font-size:1rem}.track-summary-card{padding:1.5rem}.track-summary-grid{grid-template-columns:1fr;gap:1rem}}