#home{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0}.hero-bg img{object-fit:cover;width:100%;height:100%}.hero-overlay{background:linear-gradient(#000000b3 0%,#00000073 40%,#000000e6 100%);position:absolute;inset:0}.hero-overlay2{background:linear-gradient(90deg,#0009,#0000,#0006);position:absolute;inset:0}.hero-accent{background:linear-gradient(to right, transparent, var(--orange), var(--red), transparent);height:3px;position:absolute;bottom:0;left:0;right:0}.hero-content{z-index:10;text-align:center;max-width:1000px;margin:0 auto;padding:0 24px;position:relative}.hero-badge{color:#fffc;border-radius:999px;align-items:center;gap:8px;margin-bottom:28px;padding:8px 20px;font-size:13px;font-weight:500;display:inline-flex}.badge-dot{background:#4ade80;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.hero-h1{color:#fff;margin-bottom:22px;font-size:clamp(42px,8vw,84px);font-weight:900;line-height:1.05}.hero-sub{color:#ffffffa6;margin:0 auto 36px;font-size:20px;line-height:1.7}.hero-btns{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:60px;display:flex}.hero-btn{border-radius:18px;align-items:center;gap:8px;padding:16px 36px;font-size:16px;display:inline-flex}.hero-stats{flex-wrap:wrap;justify-content:center;gap:40px;display:flex}.hero-stat{text-align:center}.hero-stat .val{font-size:30px;font-weight:900}.hero-stat .lbl{color:#fff6;letter-spacing:.05em;margin-top:2px;font-size:11px}.particle{pointer-events:none;border-radius:50%;position:absolute}.p1{background:var(--orange);opacity:.4;width:12px;height:12px;animation:4s ease-in-out infinite float1;top:25%;left:12%}.p2{background:var(--red);opacity:.35;width:8px;height:8px;animation:5s ease-in-out .5s infinite float1;top:45%;left:25%}.p3{background:var(--orange);opacity:.25;width:16px;height:16px;animation:6s ease-in-out 1s infinite float1;top:30%;right:15%}.p4{background:var(--red);opacity:.45;width:6px;height:6px;animation:3.5s ease-in-out .3s infinite float1;top:55%;right:28%}@keyframes float1{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}
.ride-card{cursor:pointer;background:linear-gradient(#141414,#141414) padding-box padding-box,linear-gradient(135deg,#f5a05426,#e8404026) border-box;border:2px solid #0000;border-radius:24px;transition:transform .3s,box-shadow .3s;overflow:hidden}.ride-card:hover{transform:translateY(-8px);box-shadow:0 24px 60px #f5a05433}.ride-card:hover .ride-img{transform:scale(1.08)}.ride-img-wrap{height:200px;position:relative;overflow:hidden}.ride-img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.ride-img-overlay{background:linear-gradient(#0000 40%,#141414 100%);position:absolute;inset:0}.diff-badge{border-radius:999px;padding:4px 12px;font-size:11px;font-weight:700;position:absolute;top:14px;left:14px}.dist-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;border:1px solid #ffffff1a;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:700;position:absolute;top:14px;right:14px}.ride-body{padding:18px}.ride-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin-bottom:12px;font-size:20px;font-weight:700;transition:color .2s;overflow:hidden}.ride-card:hover .ride-title{background:linear-gradient(135deg, var(--orange), var(--red));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.ride-meta{flex-direction:column;gap:5px;margin-bottom:14px;display:flex}.ride-meta-item{color:#ffffffa6;align-items:center;gap:6px;font-size:16px;display:flex}.ride-divider{background:#ffffff0f;height:1px;margin-bottom:14px}.ride-footer{justify-content:space-between;align-items:center;display:flex}.avatars{align-items:center;display:flex}.avatar{object-fit:cover;border:2px solid #111;border-radius:50%;width:28px;height:28px;margin-left:-8px}.avatars .avatar:first-child{margin-left:0}.rider-count{color:#ffffff59;margin-left:8px;font-size:11px}.view-btn{border-radius:12px;padding:7px 16px;font-size:12px}.view-all-wrap{text-align:center;margin-top:40px}.view-all-btn{color:#ffffffb3;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:18px;padding:14px 36px;font-family:Poppins,sans-serif;font-size:14px;font-weight:700;transition:all .3s}.view-all-btn:hover{color:#fff;background:#ffffff1a;border-color:#ffffff40}.live-dot{background:#4ade80;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;display:inline-block}
#rides{background:#0d0d0d;padding:96px 0;position:relative}.tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:40px;display:flex}.tab-btn{cursor:pointer;border:none;border-radius:16px;align-items:center;gap:6px;padding:12px 22px;font-family:Poppins,sans-serif;font-size:13px;font-weight:700;transition:all .3s;display:flex}.tab-btn.active{background:linear-gradient(135deg, var(--orange), var(--red));color:#fff;box-shadow:0 8px 30px #e840404d}.tab-btn:not(.active){color:#ffffff80;background:#ffffff0f;border:1px solid #ffffff14}.tab-btn:not(.active):hover{color:#fffc;background:#ffffff1a}.tab-panel{display:none}.tab-panel.active{animation:.4s fadeUp;display:block}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.rides-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}@media (max-width:1024px){.rides-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.rides-grid{grid-template-columns:1fr}}