:root{--primary:#f5c542;--primary-soft:#ffd966;--primary-glow:rgba(245,197,66,.35);--bg:#0b0f14;--card:#121822;--card-soft:#0f141d;--border:#1e2530;--text:#e6eaf0;--muted:#9aa4b2}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,sans-serif}.shell{min-height:100vh;display:flex;flex-direction:column}.main{flex:1 1;padding:24px}.grid.two{display:grid;grid-template-columns:1.2fr 1fr;grid-gap:24px;gap:24px}@media (max-width:900px){.grid.two{grid-template-columns:1fr}}.topbar{justify-content:space-between;padding:14px 22px;border-bottom:1px solid var(--border);background:var(--bg)}.brandLink,.topbar{display:flex;align-items:center}.brandLink{gap:10px;text-decoration:none}.logoDot{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at top left,#ffd966,#f5c542);box-shadow:0 0 12px var(--primary-glow)}.brandText{font-weight:800;letter-spacing:.6px;font-size:16px;color:#fff}.nav{display:flex;gap:16px}.navLink{color:var(--muted);text-decoration:none;font-size:14px}.navLink:hover{color:#fff}.modeToggle{display:flex;background:var(--card);border:1px solid var(--border);border-radius:999px;padding:4px;gap:2px}.pill{background:transparent;border:none;color:var(--muted);padding:6px 14px;border-radius:999px;cursor:pointer;font-size:13px}.pill.active{background:linear-gradient(135deg,var(--primary),var(--primary-soft));color:#111;box-shadow:0 4px 14px var(--primary-glow)}.card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:20px}.h1{font-size:22px;font-weight:700;margin-bottom:6px}.h2{font-size:16px;font-weight:600}.muted{color:var(--muted);font-size:13px}.hr{height:1px;background:var(--border);margin:16px 0}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #2a3342;background:transparent;color:var(--text);padding:10px 16px;border-radius:14px;font-size:14px;cursor:pointer;transition:all .18s ease;white-space:nowrap}.btn:hover{border-color:var(--primary);color:#fff}.btn.primary{background:linear-gradient(135deg,var(--primary),var(--primary-soft));border:none;color:#111;box-shadow:0 6px 20px var(--primary-glow)}.btn.primary:hover{transform:translateY(-1px);box-shadow:0 10px 26px var(--primary-glow)}.btn.secondary{border-color:#3a4354;color:#c7ccd6}.btn.danger{background:#2a1b1b;border-color:#5c2c2c;color:#ffb4b4}.badge{background:#1b2230;border:1px solid #2a3342;color:var(--muted);padding:5px 10px;border-radius:999px;font-size:11px}.mapWrapper{margin-top:12px;margin-bottom:16px}.mapSkeleton{height:320px;border-radius:14px;background:linear-gradient(90deg,#121822 25%,#1a2230 37%,#121822 63%);animation:shimmer 1.4s infinite}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.rideCard{border:1px solid var(--border);border-radius:16px;padding:16px;margin-bottom:14px;background:linear-gradient(180deg,var(--card-soft),var(--bg));transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.rideCard:hover{transform:translateY(-3px);border-color:var(--primary);box-shadow:0 10px 30px rgba(0,0,0,.5)}.mobileCTA{display:none}@media (max-width:900px){.mobileCTA{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:1000;display:flex;gap:10px;background:rgba(11,15,20,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);padding:10px 14px;border-radius:999px;box-shadow:0 10px 30px rgba(0,0,0,.5)}}.footer{text-align:center;padding:20px;font-size:12px;color:#6b7280}