.track-page-wrapper{color:var(--text-warm-white,#f5f0ea);min-height:100vh;padding:120px 1.5rem calc(100px + env(safe-area-inset-bottom,0px));font-family:var(--font-inter), -apple-system, BlinkMacSystemFont, sans-serif;background:radial-gradient(circle at top,#3a241fbf 0%,#2a1a17 75%)}.track-container{-webkit-backdrop-filter:blur(28px)saturate(180%);background:#3a241fb8;border:1px solid #f5f0ea1f;border-radius:28px;max-width:820px;margin:0 auto;padding:2.8rem 2.2rem;box-shadow:0 24px 60px -12px #0009,inset 0 1px #ffffff1f}.track-title{text-align:center;font-family:var(--font-playfair), serif;color:var(--accent-gold-mustard,#d89a1e);letter-spacing:-.5px;margin-bottom:.5rem;font-size:2.4rem;font-weight:800}.track-subtitle{text-align:center;color:var(--text-secondary,#cbb9a8);margin-bottom:2rem;font-size:.95rem}.track-form{gap:12px;margin-bottom:2rem;display:flex}.track-input{height:52px;font-size:.95rem;font-family:var(--font-inter), sans-serif;color:var(--text-warm-white,#f5f0ea);background-color:#00000059;border:1.5px solid #f5f0ea24;border-radius:14px;flex:1;padding:0 1.2rem;transition:all .25s cubic-bezier(.16,1,.3,1)}.track-input:focus{border-color:var(--accent-gold-mustard,#d89a1e);background-color:#00000080;outline:none;box-shadow:0 0 0 4px #d89a1e33}.track-btn{background-color:var(--accent-gold-mustard,#d89a1e);color:#2a1a17;letter-spacing:.4px;cursor:pointer;border:none;border-radius:14px;align-items:center;gap:8px;height:52px;padding:0 2rem;font-size:.92rem;font-weight:800;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 16px #d89a1e4d}.track-btn:hover:not(:disabled){background-color:#e5a72c;transform:translateY(-2px);box-shadow:0 8px 24px #d89a1e66}.track-btn:active:not(:disabled){transform:scale(.98)}.track-btn:disabled{color:#cbb9a880;cursor:not-allowed;box-shadow:none;background-color:#f5f0ea1f}.track-error{color:#ff6b6b;text-align:center;background:#ff6b6b1f;border:1px solid #ff6b6b40;border-radius:12px;margin-bottom:1.5rem;padding:10px 16px;font-size:.9rem}.track-result{background-color:#00000040;border:1px solid #f5f0ea1a;border-radius:18px;margin-top:1.5rem;padding:1.5rem}.track-result h3{color:var(--text-warm-white,#f5f0ea);margin-top:0;margin-bottom:1rem;font-size:1.05rem;font-weight:700}.track-info-grid{grid-template-columns:1fr;gap:12px;display:grid}.track-info-item{flex-direction:column;gap:4px;display:flex}.track-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary,#cbb9a8);font-size:.78rem}.track-value{color:var(--text-warm-white,#f5f0ea);font-size:.95rem}.timeline-container{position:relative}.timeline-event{border-left:2px solid #f5f0ea1f;margin-left:8px;padding-bottom:24px;position:relative}.timeline-event:last-child{border-left:2px solid #0000;padding-bottom:0}.timeline-dot{border-radius:50%;width:12px;height:12px;position:absolute;top:4px;left:-7px}.timeline-content{margin-left:12px}.timeline-content h3{margin:0;font-size:.95rem}.timeline-date{margin-top:4px;font-size:.8rem;display:block}@media (max-width:640px){.track-page-wrapper{padding:100px 1rem calc(90px + env(safe-area-inset-bottom,0px))}.track-container{border-radius:22px;padding:1.8rem 1.2rem}.track-title{font-size:1.8rem}.track-form{flex-direction:column}.track-btn{justify-content:center;width:100%}.stepper-wrapper{padding-bottom:8px;overflow-x:auto}}
