.landing-page.lp-modern .tracks-main{padding-top:0}.landing-page.lp-modern .track-search-bar{position:relative;width:100%;max-width:360px}.landing-page.lp-modern .track-search-bar input{width:100%;padding:10px 14px 10px 40px;border-radius:12px;border:1px solid var(--lp-outline-variant);background:var(--lp-surface-container-lowest);color:var(--lp-on-surface);font-family:var(--lp-font-body);font-size:14px;outline:none;transition:all .2s ease}.landing-page.lp-modern .track-search-bar input:focus{border-color:var(--lp-primary);box-shadow:0 0 0 3px #0000000a}.landing-page.lp-modern .track-search-bar .search-icon{position:absolute;top:50%;left:12px;transform:translateY(-50%);color:var(--lp-outline);pointer-events:none}.landing-page.lp-modern .track-filter-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:99px;font-size:12px;font-weight:700;font-family:var(--lp-font-body);border:1px solid var(--lp-outline-variant);background:var(--lp-surface-container-lowest);color:var(--lp-on-surface-variant);cursor:pointer;transition:all .15s ease;white-space:nowrap}.landing-page.lp-modern .track-filter-pill:hover{border-color:var(--lp-primary);color:var(--lp-primary)}.landing-page.lp-modern .track-filter-pill.active{background:var(--lp-primary);color:var(--lp-on-primary);border-color:var(--lp-primary)}.landing-page.lp-modern .track-view-toggle{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:8px;font-size:13px;font-weight:700;font-family:var(--lp-font-body);border:1px solid var(--lp-outline-variant);background:var(--lp-surface-container-lowest);color:var(--lp-on-surface-variant);cursor:pointer;transition:all .15s ease}.landing-page.lp-modern .track-view-toggle:hover{border-color:var(--lp-primary);color:var(--lp-primary)}.landing-page.lp-modern .track-view-toggle.active{background:var(--lp-primary);color:var(--lp-on-primary);border-color:var(--lp-primary)}.landing-page.lp-modern .track-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.landing-page.lp-modern .track-stats-card{background:var(--lp-surface-container-lowest);border:1px solid var(--lp-outline-variant);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .25s cubic-bezier(.4,0,.2,1)}.landing-page.lp-modern .track-stats-card:hover{border-color:var(--lp-primary);box-shadow:0 10px 20px #00000008;transform:translateY(-2px)}.landing-page.lp-modern .track-stats-icon{width:48px;height:48px;border-radius:12px;border:1.5px solid var(--lp-outline-variant);display:flex;align-items:center;justify-content:center;flex-shrink:0}.landing-page.lp-modern .track-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.landing-page.lp-modern .track-card{background:var(--lp-surface-container-lowest);border:1px solid var(--lp-outline-variant);border-radius:12px;padding:24px;display:flex;flex-direction:column;text-decoration:none;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.landing-page.lp-modern .track-card:hover{border-color:var(--lp-primary);box-shadow:0 10px 20px #00000008;transform:translateY(-2px)}.landing-page.lp-modern .track-card .track-icon-box{width:40px;height:40px;border-radius:8px;border:1.5px solid var(--lp-outline-variant);display:flex;align-items:center;justify-content:center;flex-shrink:0}.landing-page.lp-modern .track-card .track-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:99px;font-size:10px;font-weight:700;font-family:var(--lp-font-mono);background:var(--lp-surface-container);color:var(--lp-on-surface-variant);border:1px solid var(--lp-outline-variant)}.landing-page.lp-modern .track-stage-card{background:var(--lp-surface-container-lowest);border:1px solid var(--lp-outline-variant);border-radius:12px;padding:20px;display:flex;flex-direction:column;height:100%;transition:all .25s cubic-bezier(.4,0,.2,1)}.landing-page.lp-modern .track-stage-card:hover{border-color:var(--lp-primary);box-shadow:0 10px 20px #00000008}.landing-page.lp-modern .track-progress-track{width:100%;height:6px;background:var(--lp-surface-container);border:1px solid var(--lp-outline-variant);border-radius:3px;overflow:hidden}.landing-page.lp-modern .track-progress-fill{height:100%;border-radius:2px;transition:width .8s ease}.landing-page.lp-modern .track-timeline-container{position:relative;padding-left:48px;margin-top:24px}.landing-page.lp-modern .track-timeline-line{position:absolute;left:19px;top:16px;bottom:16px;width:4px;background:var(--lp-outline-variant);border-radius:2px;opacity:.4}.landing-page.lp-modern .track-timeline-progress{position:absolute;left:19px;top:16px;width:4px;background:var(--lp-primary);border-radius:2px;transition:height .8s ease}.landing-page.lp-modern .track-timeline-pin{position:absolute;left:-41px;top:2px;width:28px;height:28px;border-radius:50%;border:2.5px solid var(--lp-outline-variant);display:flex;align-items:center;justify-content:center;z-index:5;font-size:12px;font-weight:800;font-family:var(--lp-font-headings)}.landing-page.lp-modern .track-chapter-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;font-size:12px;font-weight:600;color:var(--lp-on-surface-variant);background:var(--lp-surface-container);border:1px solid var(--lp-outline-variant);font-family:var(--lp-font-mono)}.landing-page.lp-modern .track-stage-grid{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:stretch;width:100%}.landing-page.lp-modern .track-empty-state{background:var(--lp-surface-container-lowest);border:1px solid var(--lp-outline-variant);border-radius:12px;padding:40px;text-align:center}@media(max-width:1024px){.landing-page.lp-modern .track-stats-grid{grid-template-columns:repeat(2,1fr)}.landing-page.lp-modern .track-stage-grid{grid-template-columns:1fr}}@media(max-width:768px){.landing-page.lp-modern .track-stats-grid{grid-template-columns:1fr}.landing-page.lp-modern .track-timeline-container{padding-left:32px}.landing-page.lp-modern .track-timeline-line,.landing-page.lp-modern .track-timeline-progress{left:11px}.landing-page.lp-modern .track-timeline-pin{left:-29px;width:24px;height:24px;border-width:2px}}