.icon-box:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0,0,0,0.18); } .icon-passenger { background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%); } .icon-driver { background: linear-gradient(135deg, #10B981 0%, #059669 100%); } .icon-admin { background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%); } .role-card { text-decoration: none; transition: all 0.3s ease; cursor: pointer; border: 2px solid transparent !important; padding: 28px !important; border-radius: 24px !important; } .role-card:hover { transform: translateY(-4px); border-color: var(--border) !important; box-shadow: 0 16px 32px rgba(0,0,0,0.08) !important; } .role-card .icon-inner { display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; border-radius: 20px; background: rgba(255,255,255,0.1); flex-shrink: 0; } .role-card-content { flex-grow: 1; margin-right: 16px; } .admin-link { text-decoration: none; display: inline-flex; align-items: center; gap: 8px; padding: 12px 20px; background: linear-gradient(135deg, rgba(139, 92, 246, 0.1) 0%, rgba(124, 58, 237, 0.1) 100%); border-radius: 12px; border: 1px solid rgba(139, 92, 246, 0.3); color: #7C3AED; font-weight: 700; font-size: 12px; text-transform: uppercase; transition: all 0.3s ease; } .admin-link:hover { background: linear-gradient(135deg, rgba(139, 92, 246, 0.2) 0%, rgba(124, 58, 237, 0.2) 100%); border-color: rgba(139, 92, 246, 0.5); transform: translateY(-2px); }

ТАКСИ ПРОГРЕСС

Выберите роль для входа

ПАССАЖИР

СЕРВИС

ТАКСИ ПРОГРЕСС

PROGRESS TAXI