*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#0ea5e9;--accent:#8b5cf6;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--bg-dark:#0f172a;--bg-card:#ffffff0d;--border:#ffffff1a;--text:#e2e8f0;--text-muted:#94a3b8;--radius:16px}html{scroll-behavior:smooth}body{background:var(--bg-dark);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 24px}.bg-pattern{pointer-events:none;z-index:0;background:radial-gradient(at 20%,#0ea5e914 0%,#0000 50%),radial-gradient(at 80% 20%,#8b5cf60f 0%,#0000 50%);position:fixed;inset:0}.navbar{z-index:1000;backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#0f172acc;padding:16px 0;position:fixed;top:0;left:0;right:0}.nav-container{justify-content:space-between;align-items:center;display:flex}.nav-logo{color:#fff;align-items:center;gap:10px;text-decoration:none;display:flex}.logo-icon{font-size:1.5rem}.logo-text{font-size:1.3rem;font-weight:800}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{color:var(--text-muted);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover,.nav-links a.active{color:#fff}.nav-cta{background:linear-gradient(135deg, var(--primary), var(--accent));border-radius:12px;padding:10px 20px;color:#fff!important;font-weight:600!important}.hero{z-index:1;text-align:center;padding:140px 0 60px;position:relative}.hero-content{max-width:800px;margin:0 auto}.hero-badge{color:var(--success);background:#10b9811a;border:1px solid #10b9814d;border-radius:999px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:.85rem;display:inline-flex}.badge-dot{background:var(--success);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hero-title{margin-bottom:24px;font-size:3rem;font-weight:900;line-height:1.1}.gradient-text{background:linear-gradient(135deg, var(--primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{color:var(--text-muted);margin-bottom:40px;font-size:1.1rem}section{z-index:1;padding:60px 0;position:relative}.section-header{text-align:center;margin-bottom:40px}.section-badge{color:var(--primary);text-transform:uppercase;background:#0ea5e91a;border:1px solid #0ea5e94d;border-radius:999px;margin-bottom:16px;padding:6px 16px;font-size:.8rem;font-weight:600;display:inline-block}.section-header h2{font-size:2rem;font-weight:800}.routes-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.route-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:24px;transition:all .3s}.route-card:hover{border-color:#0ea5e966;transform:translateY(-4px);box-shadow:0 10px 30px #0000004d}.route-card.active{border-color:var(--primary);background:#0ea5e91a}.route-name{margin-bottom:8px;font-size:1.1rem;font-weight:700}.route-codes{color:var(--text-muted);margin-bottom:12px;font-size:.8rem}.route-stats{justify-content:space-between;margin-top:12px;display:flex}.route-stat{text-align:center;flex:1}.route-stat-value{color:var(--primary);font-size:1.2rem;font-weight:800}.route-stat-label{color:var(--text-muted);margin-top:2px;font-size:.7rem}.chart-controls{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:30px;display:flex}.btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-ghost{background:var(--bg-card);color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{background:#ffffff1a}.btn-ghost.active{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;border-color:#0000}.btn-sm{padding:8px 16px;font-size:.85rem}.chart-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);max-width:1000px;margin:0 auto;padding:30px}.chart-stats{grid-template-columns:repeat(4,1fr);gap:20px;max-width:1000px;margin-top:30px;margin-left:auto;margin-right:auto;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:20px}.stat-value{color:var(--primary);font-size:1.6rem;font-weight:800}.stat-label{color:var(--text-muted);margin-top:4px;font-size:.85rem}.loading{text-align:center;color:var(--text-muted);grid-column:1/-1;padding:40px}.footer{border-top:1px solid var(--border);padding:40px 0 20px}.footer-bottom{text-align:center;color:var(--text-muted);font-size:.85rem}@media (width<=768px){.hero-title{font-size:2rem}.routes-grid{grid-template-columns:1fr}.chart-stats{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:1.3rem}}