.rideshare-page{background:var(--bg-base);min-height:100vh}.rideshare-layout{gap:var(--space-8);padding-top:var(--space-8);padding-bottom:var(--space-16);grid-template-columns:280px 1fr;align-items:start;display:grid}@media (max-width:1024px){.rideshare-layout{grid-template-columns:1fr}}.rides-grid{gap:var(--space-4);flex-direction:column;display:flex}.ride-card{background:var(--bg-white);border-radius:var(--radius-xl);border:1px solid var(--border-light);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-sm);transition:all var(--transition-base);align-items:center;gap:var(--space-4);grid-template-columns:1fr 180px 160px;display:grid}@media (max-width:768px){.ride-card{gap:var(--space-3);grid-template-columns:1fr}}.ride-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-light);transform:translateY(-2px)}.route-info{flex-direction:column;gap:8px;display:flex}.route-line{color:var(--text-primary);align-items:center;gap:8px;font-size:1.0625rem;font-weight:800;display:flex}.route-arrow{color:var(--accent)}.ride-meta-row{gap:var(--space-4);color:var(--text-secondary);font-size:.8125rem;font-weight:600;display:flex}.driver-info{align-items:center;gap:var(--space-3);display:flex}.driver-avatar{background:var(--primary-light);width:40px;height:40px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:flex}.driver-name{color:var(--text-primary);margin-bottom:2px;font-size:.875rem;font-weight:700}.ride-contribution-section{flex-direction:column;justify-content:center;align-items:flex-end;display:flex}@media (max-width:768px){.ride-contribution-section{align-items:flex-start}}.ride-price{color:var(--primary);font-size:1.5rem;font-weight:900;font-family:var(--font-display)}.ride-seats-tag{color:var(--text-secondary);margin-top:2px;font-size:.75rem;font-weight:700}.rides-contact-btn{font-weight:700;background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}.rides-contact-btn:hover{background:#e66e00!important}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;width:100vw;height:100vh;padding:var(--space-4);background:#0d1b2a73;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--bg-white);border-radius:var(--radius-2xl);border:1px solid var(--border-light);box-shadow:var(--shadow-xl);width:100%;max-width:500px;padding:var(--space-6);position:relative}.modal-close{top:var(--space-4);right:var(--space-4);color:var(--text-tertiary);cursor:pointer;transition:color var(--transition-base);background:0 0;border:none;padding:4px;font-size:1.2rem;line-height:1;position:absolute}.modal-close:hover{color:var(--text-primary)}.success-icon{animation:.8s infinite alternate bounce;display:inline-block}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.animate-scale-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards scaleIn}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}